Question

我是JSON的新手。我需要使用下面的代码通过HTML页面传递JSON数据，但它不会在HTML页面中显示数据。我在调试时给了我错误...

timelinejson.html：1未捕获的SyntaxError：位于1296的JSON中的意外的令牌@

请帮忙。谢谢你宝贵的时间。

<!DOCTYPE html>   
<html>
<head>
<style>

table, th , td  {
border-top: 1px solid purple;
border-collapse: collapse;
padding: 5px;

}
table tr:nth-child(odd) {
background-color: #f1f1f1;

}
table tr:nth-child(even) {
background-color: #ffffff;
}
</style>
</head>
<body>
<div id="time"></div>

<script>
var xmlhttp = new XMLHttpRequest();
var url = "http://outpaceng.com/linejson.php";

xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
    myFunction(xmlhttp.responseText);
      }
}
xmlhttp.open("GET", url, true);
xmlhttp.send();

function myFunction(response) {
var arr = JSON.parse(response);
var i;
     var out = "<table>";  

for(i = 0; i < arr.length; i++) {
    out += "<tr><td>" +
    arr[i].Firstname +
    "</td><td>" +
    arr[i].Lastname +
    "</td><td>" +
    arr[i].Username +
    "</td><td>" +
    arr[i].Post +
    "</td><td>" +
    arr[i].Post_date +
    "</td></tr>";
    }
     out += "</table>";
document.getElementById("time").innerHTML = out;
}
</script>

</body>
</html>

Answer 1

您的JSON无效！尝试解决这个问题，它会起作用;）

您可以在http://jsonlint.com/

进行验证

Answer 2

您需要使用json验证器检查json是否有效

我建议如下

php

Answer 3

好吧，你的代码是正确的！但是您的JSON文件结构错误。

timelinejson.html：1未捕获的SyntaxError：位于1296的JSON中的意外的令牌@

3 个答案: