在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数据

回答

相关问题