读书人

jquery读取json格式的数据并展示在页

发布时间: 2013-01-17 10:28:55 作者: rapoo

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>")
})
[解决办法]

引用:
假设是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()

读书人网 >asp.net

热点推荐