Question

在之前的question我的问题已经解决但现在之后我在Cookie中尝试JSON数据存储，然后检索其他变量并以表格格式排列，但我很困惑我如何安排它。

演示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);
});

更新了Fiddle

Answer 2

根据您的要求进行转换

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>

Answer 3

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

<强> Fiddle Demo

以表格格式排列JSON数据

3 个答案: