各私は怒鳴るようにJSONファイル内のデータテーブルにデータを送信しよう

Question

JSONファイルから値を取得する方法：

$ (document).ready(function() { 
$.ajax({ 
    type: 'GET', 
    url: '../search.json', 
    success: function(data) { 
     $.each(data, function(i, data) { 
      var body = "<tr>"; 
      body += "<td>" + data.name + "</td>"; 
      body += "<td>" + data.born + "</td>"; 
      body += "<td>" + data.natio_t + "</td>"; 
      body += "<td>" + data.role_t + "</td>"; 

      body += "</tr>"; 
      $('.datatable-ajax-source table').append(body); 
     }); 

：私の関数である

"responseHeader":{ 
    "status":0, 
    "QTime":2, 
    "params":{ 
     "q":"vba", 
     "indent":"true", 
     "fl":"name,role_t,born,natio_t", 
     "wt":"json"}}, 
    "response":{"numFound":7,"start":0,"docs":[ 
     { 
     "name":"Khouli", 
     "born":["1978-04-03T00:00:00Z"], 
     "natio_t":"tunisien", 
     "role_t":"Consultant"}, 
     { 
     "name":"Atayi", 
     "born":["1987-06-24T00:00:00Z"], 
     "natio_t":"Francaise", 
     "role_t":"Consultant"} 
} 

：私のJSONファイルの exempleデータをしかし、私は価値のないテーブルを手に入れます

jsonファイルからこの値を取得する方法

Answer 1

あなたの入力データが間違っているようだ。ここに訂正されたデータ：

{ 
"responseHeader":{ 
    "status":0, 
    "QTime":2, 
    "params":{ 
     "q":"vba", 
     "indent":"true", 
     "fl":"name,role_t,born,natio_t", 
     "wt":"json"}}, 
     "response":{"numFound":7,"start":0,"docs":[ 
     { 
     "name":"Khouli", 
     "born":["1978-04-03T00:00:00Z"], 
     "natio_t":"tunisien", 
     "role_t":"Consultant"}, 
     { 
     "name":"Atayi", 
     "born":["1987-06-24T00:00:00Z"], 
     "natio_t":"Francaise", 
     "role_t":"Consultant"} 
    ] 
} 
} 

適切なJSこれを処理する：

$(document).ready(function() { 
$.ajax({ 
type: 'GET', 
url: '../search.json', 
success: function(data) { 
    // Data is the root node of your json response. 
    // You need to navigate through the "docs" node. 
    if(data.response.docs && data.response.docs.length > 0) 
    { 
    $.each(data.response.docs, function(i, item) { 
     var body = "<tr>"; 

     body += "<td>" + item.name + "</td>"; 
     body += "<td>" + item.born + "</td>"; 
     body += "<td>" + item.natio_t + "</td>"; 
     body += "<td>" + item.role_t + "</td>"; 

     body += "</tr>"; 
     $('.datatable-ajax-source table').append(body); 
    } 
    }); 

あなたは適切な値を取得していないr data。 docs.data[i]（この場合はitem）が.each()に定義されているはずです。

Answer 2

あなたはjsonを返そうとしているとは言わなかったので、JSON文字列をサーバーの応答からプレーンテキストとして受け入れ、プレーンテキストとしてdataに渡しました。

、ネイティブJSデータ構造に応答を自動解析れる、.getJSON()を使用するか、または

$.ajax(
    ... 
    dataType: "json" 
    ... 
);