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 ネットワーク リクエスト ライブラリ

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

推薦する

protobuf の簡単な紹介と Ubuntu 16.04 環境でのインストールチュートリアル

protobufの簡単な紹介Protobuf は、Google のオープンソースのシリアル化プロトコ...

MySQL で重複レコードを見つけて削除する方法

みなさんこんにちは。私は技術の話ばかりして髪を切らない先生のトニーです。何らかの歴史的な理由や誤操作...

MySQL ページングクエリ最適化テクニック

ページング クエリを使用するアプリケーションでは、LIMIT と OFFSET を含むクエリが非常に...

SSHパスワードフリーログイン設定方法の詳しい説明(画像とコマンド)

まず、私たちがやりたいことは、serverA の usera を使用して、パスワードなしで serv...

JavaScript 配列 sort() メソッドの基本的な使い方と落とし穴

序文日常のコード開発では、配列のソートに関連する操作が多数あります。JavaScript では、so...

HTMLとリソースがどのように読み込まれるかを理解します

このブログのすべてのコンテンツは、クリエイティブ コモンズ ライセンスの下でライセンスされています。...

CSSボックスモデルの紹介を読めば、混乱することはなくなるでしょう

Web デザインでよく耳にするプロパティ名: content、padding、border、marg...

React の調整アルゴリズム Diffing アルゴリズム戦略の詳細な説明

目次アルゴリズム戦略単一ノードの差分配列ノードの差分キー値の使用要件アルゴリズム戦略React の調...

Vue コード強調プラグインの総合的な比較と評価

目次総合的な比較アクティブの観点から機能的な観点から詳細な比較1. エース2. コードミラー3. モ...

MySQL 8.0.11 のインストールと設定方法のグラフィックチュートリアル

MySQL 8.0のインストールと設定方法は参考までに。具体的な内容は以下のとおりです。ダウンロード...

mysql5.7でbinlogを使用してデータを復元する方法

ステップ1: MySQLでbinlogが有効になっていることを確認する '%log_bin%...

Ubuntuのソースリスト(ソースリスト)を変更する方法詳細説明

導入Ubuntu のデフォルトのソースは国内サーバーではないため、更新されたソフトウェアのダウンロー...

mysql 計算関数の詳細

目次2. フィールドの連結2. MySQL関数の例をいくつか挙げてください。 2.1 シンボル処理2...

CentOS SVN サーバーで複数のプロジェクトを管理する方法

一つの要求一般的に、企業には複数のプロジェクトがあります。SVN サーバーを設定した後は、プロジェク...