Question

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

我是JSON阅读HTML的新手。这是我的JSON字符串，我想阅读“ask”数组并在表格中显示。从服务器获取JSON数据的类型是类型：'GET'。

请给我任何示例。

先谢谢。

Answer 1

将Json数据存储在变量

中

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

您可以通过这种方式使用点表示法访问asks数组：

var dataArray = data.result.DATA.asks;

然后您可以使用dataArray变量中的数组执行任何操作。

您也可以在Get请求的success函数中执行此操作，假设您使用$ .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中。

Answer 2

$.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/

在HTML表中获取JSON数据

2 个答案: