Jsonオブジェクトをビルドして結果をHTMLテーブルデータに関連付けます

Question

dbに日付が追加されたパラメータを含むajax getを渡します。

Javaは個人の結果のためのDBを照会し、この日に追加され、そのように私のためのJSONオブジェクトを構築します。

{ 
    "resultdata" : { "rowsReturned" : "2", "fetchTime" : "180"} 
    "row_1" : { "name" : "Larry", "sex" : "m", "age" : "26", "location" : "seattle" } 
    "row_2" : { "name" : "Pedro", "sex" : "m", "age" : "22", "location" : "unknown" } 
} 

私は、文字列としてJSONオブジェクトを返すことができます。私は、これらの結果に基づいてテーブルを動的に構築したいと考えています。

最初に、テーブルを作成するための正しいJSONオブジェクトがありますか？

結果データでは、行数とミリ秒単位の時間が表示され、その後にその特定の形式の行が多く表示されます。

これらの結果はありませんページの更新など

はそうIdは、各列のタイトルのテーブルヘッダを期待して、その場で自分のブラウザに返されたら、私は、特定のdiv要素内のテーブルを作成したい

- に続きますあなたはそれを2行推測しました。

これを行うにはどのようにするのが最適な方法ですか。私はjQueryに精通しています.JSONは全く新しいもので、jQueryのJSONを扱うのは私が学びたいと思っているものです。

すべてのヘルプははるかに高く評価されます。

Answer 1

jsonlintを使用してjsonの検証を行うことができます。 あなたは無効です。それは「」一部が欠落しています：

{ 
    "resultdata" : { 
     "rowsReturned" : "2", 
     "fetchTime" : "180" 
    }, // <-- 
    "row_1" : { 
     "name" : "Larry", 
     "sex" : "m", 
     "age" : "26", 
     "location" : "seattle" 
    }, // <-- 
    "row_2" : { 
     "name" : "Pedro", 
     "sex" : "m", 
     "age" : "22", 
     "location" : "unknown" 
    } 
} 

私が作った小さなDEMO 1の可能な方法をどのように通過

---

for (key in json) { 

ループをループのためのインでJSONをループにjsonを呼び出し、各キーを 'key'変数に格納します。 'resultdata'、 'row_1'、 'row_2'の場合は です。
各キーのデータにアクセスするには、json [key]と書いてください。これはjson ['row_1']に変換されます。
今、あなたが持つrow_1オブジェクトに対して同じことを実行します。データにアクセスするための「name」、「セックス」、...

：

for(key1 in json[key]) 

KEY1は今row_1オブジェクト内のキーですこれでjson [key] [key1]と書くことができます。これはjson ['row_1'] ['name']となります。それは私の例のように、混乱を避けるために、キーに意味のある名前を付けることをお勧めしますもちろんの

:)

Answer 2

テーブルを作成するためにJSONが正常に見えます。

$ .getJSON（）を使用してJSONデータを取得すると、自動的にJSONがオブジェクトとして解析されます。 $ .ajax（）の高度な機能が必要な場合は、AJAX呼び出しから返されたデータに対して$ .parseJSON（）を呼び出すと、JSONをオブジェクトとして解析します。