如何显示JSON数组从查询

Question

重复区域目前，所有与我的jQuery .post的$行动，成功连接，查询和json_encode回归到我的网页的工作。我无法做的（而且是json的新功能）是如何将返回的值显示为实时Feed？我目前的jQuery的js文件是“jQuery的1.7.2.min.js”和我的代码是

$(document).ready(function(){ 
     setInterval(function(){ 
     $.post('query.php', function(pendingReq){ 
     $('#div_id').html(pendingReq); 
     }), 'json' }); 
    }, 5000 

); 

pendingReq就像是从查询和电流输出我返回的数据如下：根据我的MySQL查询 {"[0]":"FirstReq", "[1]":"SecondReq", ...."}建立数组

$res = array("[0]"=>var['1']...); 

的我是很新的使用JSON和不使用大量的JavaScript，但希望能有返回的数据在表中显示出来，谢谢。下面

我的代码工作，但对于MySQL查询的只有一行，如果两个条目存在，我得到一个“未捕获的SyntaxError：意外的标记{”在Firebug的错误？尽管如此返回结果为前：

$res = array("req_name"=>$ew_display['req_name'], "date"=>$ew_display['req_dt']); 
echo json_encode($res); 



$(document).ready(function(){ 
      var table_template = "<table border=1 cellspacing=0 id='results'><tr><th>JTAR #</th><th>JTAR @</th></tr></table>"; 
      $("#testd").html(table_template); 
    setInterval(function(){ 
     $.post("query.php", {track : 2}, function(pendingReq){ 
      var json = JSON.parse(pendingReq); 
      var template = "<tr><td>{{req_name}}</td><td>{{date}}</td></tr>"; 
      var new_row = Mustache.render(template, json); 
      $("#results").append(new_row).fadeIn("slow"); 
     }), "json" 
}, 5000); 

Answer 1

- 编辑 -

既然你已经在那里有一个时间间隔，模板可以是不变的：

var table_template = "<table border=1 cellspacing=0 id='results_table'><tr><th>col1</th><th>col2</th></tr></table>"; 
$("#div_id").html(table_template); 
var template = "<tr><td>{{[0]}}</td><td>{{[1]}}</td></tr>"; 

现在的时间间隔，您可以分析结果字符串并呈现每个行：

setInterval(function() { 
    $.post("query.php", function(pendingReq) { 
     var json = JSON.parse(pendingReq); 
     var new_row = Mustache.render(template, json); 
     $("#results_table").append(new_row); 
    }); 
}); 

- 编辑完 -

我Mustache.js的大风扇（HTTPS ：//github.com/janl/mustache.js），它允许您从演示文稿（HTML表格）中分离数据（JSON）。我不喜欢从预格式化为HTML的服务器返回AJAX数据。你可以使用这样的语法（仅用于示例）：

var template = "<table>{{#item}}<tr><td>{{name}}</td><td>{{age}}</td><td>{{job}}</td></tr>{{/item}}</table>"; 
var html = Mustache.render(template, pendingReq); 
$('#div_id').html(html); 

Answer 2

乍得，请使用json_encode（）为您的数组 “$ RES”

echo json_encode($res); 

如果PHP返回一个字符串，那么你可以使用

var json = JSON.parse(pendingReq); 

一旦你得到json对象，你可以使用。操作员访问属性。

首先找出你的JSON包含... 做：

alert(JSON.stringify(json)); 

转换字符串化JSON对象以可读的字符串 你可以转换回使用JSON.parse; 您可以访问做json.property属性。

现在你可以拥有不断更新的所有数据表。 考虑的对象是这样的： VAR OBJ = {名称： “亚当”，年龄：35，职业： “程序员”}; 您可以通过此信息添加到表：

$("#table").html($("#table").html() + "<tr><td>" + obj.name + "</td><td>" + obj.age + "</td><td>" + obj.job + "</td></tr>"); 

Answer 3

jQuery的文档说明了如何使用其返回，Ajax回调函数内部JSON：http://api.jquery.com/jQuery.getJSON/

但不是返回查询结果JSON，你为什么不返回HTML（包含你的结果表的代码），然后直接显示一个div内部的HTML？

这里做这样的事情的一个例子： Modifying the AJAX PHP database example

UPDATE：如何返回数据作为HTML而不是JSON：

OK，让我们假设你的PHP脚本目前返回一个JSON编码字符串：

$str_json = '{"0":"FirstReq", "1":"SecondReq", ...."}'; 

现在做这样的事情在PHP脚本 - 这取决于你想显示当然什么：

$lst_data = json_decode($str_json); 

$html = "<table>\n<tr>\n"; 
foreach ($lst_data as $i => $data) { 
    $html .= "<th>" . $i . "</th>"; 
$html .= "</tr>\n<tr>\n"; 
foreach ($lst_data as $data) { 
    $html .= "<td>" . $data . "</td>"; 
} 
$html .= "</tr>\n</table>\n"; 

echo $html; 

编辑：你可能有类似这样的东西：

$res = mysql_fetch_assoc($data); 

// Remove this from your script: echo json_encode($res); 

// Add this: 
$html = "<table>\n<tr>\n"; 
foreach ($res as $i => $r) { 
    $html .= "<th>" . $i . "</th>"; 
$html .= "</tr>\n<tr>\n"; 
foreach ($res as $r) { 
    $html .= "<td>" . $r . "</td>"; 
} 
$html .= "</tr>\n</table>\n"; 

echo $html; 

...并记得设置的dataType jQuery的$。员额（）函数来html。