jquery读取json格式的数据,并显示在页面
我从后台取到json数据为:
[{"1","玩具"},{"3","书籍"},{"4","积木"},{"5","KaPla"},{"6","英国GOGO"},{"7","aa"},{"9","bb"},{"10","计算机"},{"11","asp.net"}]
如何用jquery读取到这些数据,并以正确的形式显示出来,显示成下面这样
字段一 字段二
1 玩具
3 书籍
4 积木
5 KaPla
6 英国GOGO
7 aa
------解决方案--------------------$.parseJSON(data).each(function(i){
alert(this);
})
------解决方案--------------------jq文档里面的
$.getJSON('ajax/test.json', function(data) {
var items = [];
$.each(data, function(key, val) { // key是序号:1,2,...., val是遍历值.
items.push('<li id="' + key + '">' + val + '</li>');
});
$('<ul/>', {
'class': 'my-new-list',
html: items.join('')
}).appendTo('body');
});
------解决方案--------------------假设是Model 的两个属性 a,b
doucment.write("<ul><li>字段一</li><li> 字段二 </li></ul>")
$.parseJSON(data).each(function(i){
doucment.write("<ul><li>"+data[i].a+"</li><li> data[i].b] </li></ul>")
})
------解决方案--------------------
正解 $.parseJSON()