繁体   English   中英

以表格格式排列JSON数据

[英]Arrange JSON data in table format

在上一个问题中,我的问题已解决,但现在,我尝试以cookie形式存储JSON数据,然后检索该其他变量并以表格式进行排列,但是我对如何排列感到困惑。

Here演示

我不知道您为什么要尝试将其转换为json并再次进行解析,但这是直接从数组获取并将其填充到表的另一种方法。

$('#btnCart').click(function () {
    //var value = JSON.stringify(objArray);
    var table = "<table><tr><td>Id</td><td>Title</td><td></tr>"; 
     $.each(objArray, function (k, v) {
       table=table+"<tr><td>"+objArray[k].id +"</td><td>"+objArray[k].title +"</td></tr>";
     });
 table=table+"</table>";
 $('#divGrid').empty();
 $('#divGrid').append(table);
});

更新小提琴

根据您的要求进行转换

js:

function getNews(){
   $.getJSON("services/news_service.php?action=getNews", function(json){

   $.each(json.news, function(){
        var news = '<tr>'+'<td width="52"><span class="news_item_div"> <img src="'+imagePath+this['news_icon']+'" alt="" name="news_icon" width="51" height="51" class="news_icon" id="news_icon" /></span></td>'+
    '<td width="128">' +this['news_headline']+ '</td>'+
  '</tr>';
      $('#news table').append(news);
                   });
   });


 }

的HTML:

<div id="news">
        <table width="200" border="1" cellspacing="2" cellpadding="2"></table>
</div>
 1. error in closing span 


<span id='lblCart'></span>

2. Not properly assigned the values

table=table+"<tr><td>"+v.id +"</td><td>"+v.title +"</td></tr>";

小提琴演示

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM