テーブルではなく DOM を通じてデータをレンダリングする方法

Question

作成中のアプリケーションについて質問があります。Oracle データベースを使用しており、データベースから情報を取得し、テーブルを介して画面に表示していますが、データを処理してみたいと考えています。段落を作成して値を表示するなど、個別に実行できます。

テーブルを通じてのみデータを表示できます。他に方法はありますか?助けていただける方がいらっしゃいましたら、よろしくお願いいたします。

コードを改善するためのヒントはすべて受け入れます。

MyIndex.htmlページ

リーリー

これは私の Index.js であり、ここで選択を行ってデータを送信します

ああああ

Answer 1

＃＃＃予測：＃＃＃

シナリオを正確に再現することはできないため、クライアント側に焦点を当て、バックエンド エンドポイントが配列を正しく返すことを当然のこととして扱います。例:

data[iRow][iColumn]

この仮定は、行

cell1.innerHTML = data[i][0];

から来ています。 静的定義データの例:

データが単なる配列の配列なのか、それとも列名で列値をアドレス指定する方法があるのか​​、よくわかりません。とにかく、あなた自身の言葉に従って機能すると思われるため、ここでは単純な配列パラダイムに固執します。

ここでは、2 行を含む

data

配列を定義します。各行には 10 列があります。 リーリー 列名と順序を定義します:

SQL クエリが表示されてからデータベースからフェッチされた列の順序もわかります。これは順序付きリストです:

DATREA、HORREA、CODORI、NUMORP、CODPRO、CODDER、QTDRE1、QTDRFG、CODLOT、OPERADOR

以下に示すように、これを js の文字列配列として定義します。 リーリー 行配列をオブジェクトに変換:

行

data

を、前に示した列リストにちなんで名付けられた行と列をプロパティとして持つオブジェクトの配列に変換します。 リーリー

データの最初の行 (

data[0]) については、次のオブジェクトが返されます: リーリー

このデータをドキュメントに表示するにはどうすればよいですか?

特定の目標に応じて、方法は無限にあります。実際には最初から配列をオブジェクトに変換する必要はありませんが、インデックス番号を使用するよりも名前で列にアクセスすることが容易になります。

とにかく、たとえば、各行を 1 つの段落のコンテンツとして表示し、そのすべての列データをコンテンツとして連結して表示する必要がある場合:

リーリー ＃＃＃デモ：＃＃＃

これまでに述べたことのライブ デモンストレーションを以下に示します:

リーリー リーリー リーリー