HTML テーブル データを Json 形式に変換するサンプル コード

HTML テーブル データを Json 形式に変換するサンプル コード
<table>テーブルデータをJSON形式に変換するJavaScript関数は次のとおりです。

コードをコピー
コードは次のとおりです。

<スクリプト>
var keysArr = 新しい配列("key0", "key1", "key2");
function TableToJson(tableid) { //tableidは変換したいテーブルの名前、例えば「example」のような文字列です
var rows = document.getElementById(tableid).rows.length; // 行数を取得する(thead を含む)
var colums = document.getElementById(tableid).rows[0].cells.length; //列の数を取得する
var json = "[";
var tdValue;
for (var i = 1; i < rows; i++) { //各行
json + = "{";
(var j = 0; j < 列; j++) {
tdName = keysArr[j]; //Jsonデータのキー
json += "\""; //二重引用符を追加
json += tdName;
json + = "\"";
json + = ":";
tdValue = document.getElementById(tableid).rows[i].cells[j].innerHTML; //Jsonデータの値
if (j === 1){//最初の列は日付形式であり、JSONの要件に従って次のように追加する必要があります。
tdValue = "\/Date(" + tdValue + ")\/";
}
json + = "\"";
json += tdValue;
json + = "\"";
json + = ",";
}
json = json.substring(0, json.length - 1);
json + = "}";
json + = ",";
}
json = json.substring(0, json.length - 1);
json + = "]";
json を返します。
}
</スクリプト>

<<:  Vue ネットワーク リクエスト スキーム ネイティブ ネットワーク リクエストと js ネットワーク リクエスト ライブラリ

>>:  ウェブフロントエンドエンジニアにおすすめのヒント

推薦する

ラムダ式の原則と例

ラムダ式ラムダ式 (クロージャとも呼ばれる) は、Java 8 のリリースを推進した最も重要な新機能...

Linux での MySQL 5.7.19 のインストールに関する問題の概要

初めて仮想マシンに MySQL をインストールしたとき、多くの問題が発生しました。ここでそれらを書き...

Linux環境でグラフデータベースneo4jを構築する方法の説明

Neo4j (Nosql の 1 つ) は、高性能なグラフ データベース (分散をサポートしていませ...

MySQL slow_log テーブルを InnoDB エンジンに変更することはできません。詳細な説明

背景mysql.slow_log からスロー クエリ ログを取得するのは遅く、テーブルは csv テ...

Centos6にMysql5.7をインストールする方法

環境セントロス6.6 MySQL 5.7インストールシステムがインストールされている場合は、まずアン...

JavaScript でウェブ プレーヤーを実装する

今日は、JavaScript を使用して Web ページ上にプレーヤーを作成する方法を紹介します。誰...

Celery と Docker を使用して Django で定期的なタスクを処理する方法

Django アプリケーションを構築して拡張していくと、必然的に特定のタスクをバックグラウンドで自動...

Docker を使用した Laravel アプリケーションのデプロイ例

この記事で使用されているPHPベースイメージはphp:7.3-apacheです。この記事の Lara...

Vue での props の使い方の紹介

序文: Vue では、props を使用して、もともと分離されていたコンポーネントを直列に接続するこ...

Docker ケース分析: Redis サービスの構築

目次1 マウントディレクトリとファイルを作成する2 Redisイメージを取得する3 コンテナを作成し...

レスポンシブレイアウトの概要(推奨)

レスポンシブレイアウト開発の基礎知識この章は主に以下の部分に分かれています• レスポンシブデザインを...

Centos8 でローカル Web サーバーを構築するための実装手順

1 概要システム Centos8 では、httpd を使用してローカル Web サーバーを構築します...

IDEA で Linux コマンドを使用する方法

Windows システムと比較して、Linux システムは多数の豊富なコマンドライン ツールを提供し...

Linux で rc.local ファイルがない場合の完璧なソリューション

新しい Linux ディストリビューションには rc.local ファイルがなくなりました。サービス...