以表格格式排列JSON数据

Arrange JSON data in table format

本文关键字：JSON 数据 排列 格式 表格      更新时间：2023-09-26

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

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

更新的Fiddle

根据您的要求转换

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

Fiddle演示

相关文章：