在HTML表中獲取JSON數據

{ 
"error": [], 
"result": { 
    "DATA": { 
     "asks": [ 
      [ 
       "622", 
       "0.051", 
       13 
      ], 
      [ 
       "626", 
       "1", 
       1385 
      ] 
     ] 
    } 
} 
}

我是JSON閱讀新手。這是我的JSON字符串，我想要讀取「詢問」array並將其顯示在表中。從服務器獲取JSON數據的類型是類型：'GET'。在HTML表中獲取JSON數據

請給我任何示例的例子。

在此先感謝。

來源

2013-11-27 Lawrance

請告訴我們你的JavaScript代碼。 – LuigiEdlCarno

[將JSON數組轉換爲jQuery中的HTML表格]（http://stackoverflow.com/questions/1051061/convert-json-array-to-an-html-table-in-jquery） –

存放在變量

var data = {.....}; 
data = JSON.parse(data);

您的JSON數據，你可以訪問後，要求用點號數組是這樣的：

var dataArray = data.result.DATA.asks;

那麼你可以做任何你想要的數組dataArray變量。

您也可以在Get請求的成功函數中執行此操作，假設您使用的是$ .ajax，這裏是基於jQuery的解決方案。

$.ajax({ 
    type:"GET", 
    url:"data source", 
    dataType:"json", 
    success:function(data){ 
     var tableBody = ""; 
     $.each(data.result.DATA.asks, function() { 
     var row = ""; 
     this.forEach(function(v) { 
      row += "<td>"+v+"</td>"; 
     }); 
     tableBody += "<tr>"+row+"</tr>";     
    }) 
    } 
})

上面的例子是給你一個關於如何檢查你的數組並將數據添加到主體的想法。以下是更好的選擇：

var tableBody = data.result.DATA.asks.map(function(value){ 

    return "<tr>"+value.map(function(k){ 
     return "<td>"+k+"</td>"; 
    }).join("")+"</tr>"; 

}).join("");

在這裏，你只需要將字符串tableBody追加到你選擇的div的HTML DOM。

來源

2013-11-27 07:05:48 MedAli

$.getJSON("ajax/test.json", function(data) { 
    var items = []; 
    $.each(data, function(key, val) { 
    items.push("<li id='" + key + "'>" + val + "</li>"); 
    }); 

    $("<ul/>", { 
    "class": "my-new-list", 
    html: items.join("") 
    }).appendTo("body"); 
});

這個例子是從jquery.com牽強，cosnider與表替代列表

http://api.jquery.com/jQuery.getJSON/

來源

2013-11-27 07:18:07 ProllyGeek

在HTML表中獲取JSON數據

回答

相關問題