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

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

推薦する

CSSアニメーション属性キーフレームの詳細な説明

コラムを更新してからどれくらい経ったでしょうか?半年ですか?今年の後半は、まさに離陸、つまり文字通り...

CentOS 8 インストール図 (超詳細なチュートリアル)

CentOS 8 が正式にリリースされました! CentOS は Red Hat の再配布ポリシー...

Vueはズームイン、ズームアウト、ドラッグ機能を実装しています

この記事では、参考までに、ズームインとズームアウトのドラッグ機能を実現するためのVueの具体的なコー...

aタグのhref属性とonclickイベントの比較

まず、href 属性と onclick イベントの実行順序について説明します。マウスが a タグをク...

Dockerはイメージ名とTAG操作の名前を変更します

docker イメージを使用する場合、以下に示すように、REPOSITORY と TAG の両方が ...

MySQLはトリガーを使用してデータベース内のテーブルの行制限を解決します。詳細な説明と例

MySQLはトリガーを使用してデータベース内のテーブルの行制限を解決します。詳細な説明と例最近のプロ...

jsは古典的なマインスイーパゲームを実装します

この記事の例では、古典的なマインスイーパゲームを実装するためのjsの具体的なコードを参考までに共有し...

CSSスタイルシートとフォーマットレイアウトの詳細な説明

スタイルシートCSS (カスケーディング スタイル シート) は、HTML Web ページを美しくす...

Vueでファジークエリを実装する方法の簡単な例

序文いわゆるファジークエリとは、ユーザーの完全な入力やすべての入力情報がなくてもクエリサービスを提供...

MySQLのバージョンアップ方法を超詳しく解説

目次1. はじめに2. データベースをバックアップする3. オリジナルのMysqlをアンインストール...

JavaScript の基本変数

目次1. 変数の概要1.1 変数のメモリへの保存1.2 変数の使用1. 変数を宣言する2. 譲渡3....

mysqlパラメータsql_safe_updatesを使用して更新/削除範囲を制限する方法の詳細な説明

序文皆さんご存知のとおり、MySQL の運用・保守において、更新/削除条件が誤っているためにデータが...

LinuxテキストエディタVimの詳しい説明

Vim は強力なフルスクリーン テキスト エディターであり、Linux/UNIX で最も一般的に使用...

CocosCreatorのホットアップデートの包括的な説明

目次序文ホットチェンジとはCocos Hot アップデートの概要マニフェストプロジェクトリソースとゲ...

MYSQLでプロシージャの名前を変更する方法の詳細な説明

最近、ストアド プロシージャの名前を変更する機能を使用しました。インターネットで情報を検索しましたが...