jsonファイルを使用してサーバからjsonオブジェクトを取得し、テーブルにデータを表示

Question

jQueryでプログラミングするのは初めてのことですが、私がローカルに持っているjsonファイルからJSONオブジェクトを取得しようとしています。ウェブページ私はこれについていくつかの異なるフォーラムを見てきましたが、これまでのコードでは、火かき棒の中にエラーがあります。

私が得た最も近いものを返すために、コードのこの小さなスニペットだった：私は、アラートで表示するには、次しまったことを実行したときに

var vendor; 

$.ajax({ 
     async: true, 
     type: "POST", 
     url: "dataRetrieval.json", 
     data: "vendorId="+vendor, 
     success: function(json){  
       alert("Data retrieved: " + json); 
     } 
    }); 

そして：取り出さ データ：[オブジェクトのXMLDocument]

私はここに何かが紛失しています。もし誰かが私を助けてくれればそれは大いに感謝します。

Answer 1

JSONが有効かどうかを確認してください - >http://www.jsonlint.com JSONに複数のデータがあると思います。

HTML

<table id="table"></table> 

jQueryの

私はちょうど次の警告を得ることを行うとき

$.getJSON("dataRetrieval.json",function(data){ 
    $.each(data,function(index, d){ 
     //append data to your table as rows 
     $('#table').append(
      '<tr>' + 
       '<td>' + d.row1entry1 
       '<\/td>' + 
       ........ 
      '<\/tr>' 
     );   
    }); 
}); 

あなたの迅速な対応のための

Answer 2

だけdataType:'json'を追加し、[OK]を次のようになります。

$.ajax({ 
    async: true, 
    type: "POST", 
    url: "dataRetrieval.json", 
    data: "vendorId="+vendor, 
    dataType: 'json', 
    success: function(json){ 
     alert("Data retrieved: " + json); 
    } 
}); 

また$.getJSON()をチェックしてください。さらにdata属性を辞書として渡すことも考えられます：data: {vendorId: vendor}、これはもう少し柔軟性があり、ユーザーの入力を扱うときにエンコーディングの問題にさらされることはありません（たとえば、ユーザーが "Jack & Jill"それは&の符号を正しくエスケープする）。