javascript - 以表格形式排列 JSON 数据

Question

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

演示Here

Answer 1

我不知道您为什么要尝试将其转换为 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);
});

更新小提琴

Answer 2

 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>";

小提琴演示

Answer 3

根据您的要求转换它

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>