日期:2014-05-17  浏览次数:20602 次

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()