2016-11-30 9 views
0

したがって、スクリプトのデータをテーブルに取り込みようとしています。私はたくさんのパラメータを変更してたくさん試しましたが、動作させることはできません。ここでは、私がこれまで持っているものです:jQueryとAjaxを使用してjsonデータをテーブルに取り込み

$(document).ready(function() { 
     $.get(file + '?op=retrieve&page=1', function (data) { 
      $.each(data, function (i, elem) { 
       $('#mainTable').append(
        '<tr><td>' + elem.name + '</td><td>' + elem.address '</td></tr>' 
       ) 
      }) 
     }) 

は、私は現在、エラーを取得しています:例外TypeError:eはオブジェクトではありません。 JSONデータの

相続人の例( 'T-1 Eで' 評価):あなたのデータから

{"id":"348141","name":"Birdies","address":"Bridge Street, Tunbridge Wells, TN1 1AH"}] 
+0

のようになりますことを前提としてい

$(document).ready(function() { $.get(file + '?op=retrieve&page=1', function (data) { $.each(data, function (i, elem) { $('#mainTable').append( '<tr><td>' + elem.name + '</td><td>' + elem.address '</td></tr>' ) }) }) 

は私たちに.get呼び出しから取得したデータの構造を示します。 –

+0

@MisterPositiveのように、.get呼び出しから取得したデータのモックを表示する、他のもの、$ .each行にブレークポイントを置くことができます。 – Hatim

+0

@MisterPositive編集を参照してください:) – JL9

答えて

0

、私はあなたがjsのオブジェクトの配列を取得していることを理解していました。

あなたのJSコードを参照する場合は、次のスニペット

$ .each(データ、機能(I、elemは){ を})を使用しています。

したがって、上記のコードから、 "i"はインデックスであり、elemは現在の反復値です。

だからelem.name [i]は無効です。これは、elem自体がnameプロパティを持ち、nameがstring型のオブジェクトであるためです。だからあなたは名前を持つことはできません。私は「mainTable」要素は、この

<table> 
<tbody id="mainTable"> 
</tbody> 
</table>