当前位置: 代码迷 >> ASP.NET >> jquery读取json格式的数据,并展示在页面
  详细解决方案

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

热度:6392   发布时间:2013-02-25 00:00:00.0
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()
  相关解决方案