如何使用Javascript将JSON中的值添加到表中？

问题描述 投票：0回答：1

我遵循this教程，使用PHP和AJAX创建实时表。 PHP文件以JSON格式返回值：

{ "retcode" : "0 Done", "trans_id" : "187472", "answer" : [ { "Country" : "US", "Digits" : "5", "Datetime" : "1586259875", "DatetimeMsc" : "1586259875596", "First" : "1.08580", "Second" : "1.08589" } , { "Country" : "China", "Digits" : "5", "Datetime" : "1586259877", "DatetimeMsc" : "1586259877000", "First" : "1.23311", "Second" : "1.23327"} , { "Country" : "Russia", "Digits" : "3", "Datetime" : "1586259874", "DatetimeMsc" : "1586259874585", "First" : "108.897", "Second" : "108.914" } ] }

我的用于实时更新值的JS函数是：

update : function (data) {
var message = "<p>Retcode: " + data['retcode'] + "</p>";
message += "<p>Trans ID: " + data['trans_id'] + "</p>";
message += "<p>UPDATED: " + data['answer'] + "</p>";
document.getElementById("values").innerHTML = message;
symbols.last = data['t'];
symbols.poll(); 
}

PHP文件代码为：

while (true) {
$symbols=$request->Get('/symbol_last?country=US,China,Russia');
if($symbols!=false)
{
$newsymbols=json_encode($symbols);
echo $newsymbols;
return $newsymbols;
break;
}
sleep(1);
}

HTML文件包含以下代码：

<!DOCTYPE html>
<html>
<head>
<title>
  AJAX Long Polling Values
</title>
<script src="symbols.js"></script>
</head>
<body>
<div id="values"></div>
</body>
</html>

此结果是：

enter image description here

其中，Trans ID是实时值，并且将实时增加1。如何获取答案的其他值（国家/地区，第一，第二）并将其显示在表格中？提前致谢。

javascript html ajax long-polling
1个回答
0
投票
您需要将您的字符串转换为JSON对象

update : function (data) { var jsonData = JSON.parse(data); var message = "<p>Retcode: " + jsonData['retcode'] + "</p>"; message += "<p>Trans ID: " + jsonData['trans_id'] + "</p>"; message += "<p>UPDATED: " + jsonData['answer'] + "</p>"; document.getElementById("values").innerHTML = message; symbols.last = data['t']; symbols.poll(); }

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.