在jQuery错误中解析JSON(Parse JSON in jQuery error)

 这是从我之前的一个问题开始的，但是已经重新聚焦以解决特定的jQuery问题。 
 
 我目前正在尝试将PHP / MySQL搜索中的JSON结果解析为一个简单的HTML表。 但是，使用搜索时，我的表中没有数据返回。 我从Ajax请求得到响应，因为当我在Firebug中调试我的搜索页面时，我的请求以这个正确的JSON字符串返回： 
 
[{"ARTIST":"Coldplay","TRACKTITLE":"Fix You","PLAYLIST":"Rock"},{"ARTIST":"Katy Perry","TRACKTITLE":"Roar","PLAYLIST":"Pop"}]
 
 在我的jQuery文件中，我可以解析JSON以将每个{}数据字符串附加到HTML表的一行中（将ARTIST，TRACKTITLE和PLAYLIST作为我的列标题）。 我不清楚我出错的地方以及为什么我的JSON字符串没有正确转换为我的HTML表格，所以任何以正确的方式解析这些数据的指针都会有所帮助。 
 
 jQuery文件 
 
$.post('ajax/name.php', {name: name}, function(data) {

var sentData=JSON.parse(data)

for(var i = 0; i < sentData.ARTIST.length; ++i)
var tr = $('<tr/>');
tr.append("<td>" + sentData.ARTIST + "</td>");
tr.append("<td>" + sentData.TRACKTITLE + "</td>");
tr.append("<td>" + sentData.PLAYLIST + "</td>");
$('#multiple').append(tr);
});
 
 HTML提取 
 
<table class="table hovered" id="multiple">
  <thead>
        <tr>
          <th class="text-left">Artist</th>
          <th class="text-left">Track Title</th>
          <th class="text-left">Playlist</th>
        </tr>
  </thead>
 </table>
 
 更新 
 
 我添加了header('Content-Type: application/json'); 进入我的PHP文件，现在Firebug显示一个JSON选项卡，这是个好消息。 但是我仍然无法将JSON解析为HTML表格。 

This follows on from a previous question of mine but has been refocused to address a specific jQuery issue.
 
I am currently trying to parse JSON results from a PHP / MySQL search into a simple HTML table. However, no data is returned into my table when using the search. I am getting a response from the Ajax request as when I debug my search page in Firebug my request is returned in this correct JSON string:
 
[{"ARTIST":"Coldplay","TRACKTITLE":"Fix You","PLAYLIST":"Rock"},{"ARTIST":"Katy Perry","TRACKTITLE":"Roar","PLAYLIST":"Pop"}]
 
Where in my jQuery file can I parse the JSON to append each string of {} data into a row of an HTML table (with ARTIST, TRACKTITLE and PLAYLIST as my column headers). I'm unclear as to where i'm going wrong and why my JSON string is not being converted into my HTML table correctly, so any pointers in the correct way to parse this data would be helpful.
 
jQuery file
 
$.post('ajax/name.php', {name: name}, function(data) {

var sentData=JSON.parse(data)

for(var i = 0; i < sentData.ARTIST.length; ++i)
var tr = $('<tr/>');
tr.append("<td>" + sentData.ARTIST + "</td>");
tr.append("<td>" + sentData.TRACKTITLE + "</td>");
tr.append("<td>" + sentData.PLAYLIST + "</td>");
$('#multiple').append(tr);
});
 
HTML extract 
 
<table class="table hovered" id="multiple">
  <thead>
        <tr>
          <th class="text-left">Artist</th>
          <th class="text-left">Track Title</th>
          <th class="text-left">Playlist</th>
        </tr>
  </thead>
 </table>
 
Update
 
I added header('Content-Type: application/json'); into my PHP file and now Firebug is displaying a JSON tab, which is good news. However I still can't parse that JSON into the HTML table.. 

原文：https://stackoverflow.com/questions/20762405