Fatal编程技术网
  • javascript/
  • 这个HTML、JavaScript和JSON代码有什么问题？

这个HTML、JavaScript和JSON代码有什么问题？

javascript html json

这个HTML、JavaScript和JSON代码有什么问题？,javascript,html,json,Javascript,Html,Json,我在一个名为test.HTML的文件中有以下HTML代码。下面的HTML文件和JSON文件都存储在同一目录中的服务器上 <!DOCTYPE html> <html> <head> <title>Shape Up</title> <meta name="robots" content="noindex,follow"> <meta name="description" content=""> <meta na

我在一个名为
test.HTML
的文件中有以下HTML代码。下面的HTML文件和JSON文件都存储在同一目录中的服务器上

<!DOCTYPE html>
<html>
<head>
<title>Shape Up</title>
<meta name="robots" content="noindex,follow">
<meta name="description" content="">
<meta name="keywords" content="">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script language="JavaScript" type="text/javascript">
function ajax_get_json()
{
    var hr = new XMLHttpRequest();
    hr.open("GET", "game.json", true);
    hr.setRequestHeader("Content-type", "application/json", true);
    hr.onreadystatechange = function()
    {
        if(hr.readyState == 4 && hr.status == 200)
        {
            var data = JSON.parse(hr.responseText);
            var results = document.getElementById("results");
            results.innerHTML = "";
            for(var obj in data)
            {
                results.innerHTML += data[obj].title;
            }
        }
    }
    hr.send(null);
    results.innerHTML = "requesting...";
}
</script>
</head>
<body>
<div id="results"></div>
<script language="JavaScript" type="text/javascript">
ajax_get_json();
</script>
</body>
</html>

{
    "level_001":
    {
        "id":001,
        "title":"Level 1",
        "difficulty":0,
        "comments":"this is how you complete level 1"
    },
    "level_002":
    {
        "id":002,
        "title":"Level 2",
        "difficulty":0,
        "comments":"this is how you complete level 2"
    }
}
问题在于
results.innerHTML=“”行从未到达。为什么？

浏览器中没有错误，我已在Firefox和Safari上对此进行了检查。
根据您的JSON，由于以下属性，JSON无效：


"id":001
...
"id":002


您需要删除前导零：


"id":1


或使数字成为字符串：


"id":"001"


有关更多详细信息，请参阅

大概您提到的那一行永远不会到达，因为
JSON.parse（）
给出了关于上述内容的错误。（您在浏览器控制台中没有看到错误吗？
根据您的JSON，由于以下属性，JSON无效：


"id":001
...
"id":002


您需要删除前导零：


"id":1


或使数字成为字符串：


"id":"001"


有关更多详细信息，请参阅

大概您提到的那一行永远不会到达，因为
JSON.parse（）
给出了关于上述内容的错误。（您在浏览器控制台中没有看到错误吗？
根据您的JSON，由于以下属性，JSON无效：


"id":001
...
"id":002


您需要删除前导零：


"id":1


或使数字成为字符串：


"id":"001"


有关更多详细信息，请参阅

大概您提到的那一行永远不会到达，因为
JSON.parse（）
给出了关于上述内容的错误。（您在浏览器控制台中没有看到错误吗？
根据您的JSON，由于以下属性，JSON无效：


"id":001
...
"id":002


您需要删除前导零：


"id":1


或使数字成为字符串：


"id":"001"


有关更多详细信息，请参阅


大概您提到的那一行永远不会到达，因为
JSON.parse（）
给出了关于上述内容的错误。（在浏览器控制台中没有看到错误吗？
在浏览器控制台中是否有错误？检查是否允许本地XMLHttpRequests！没有错误，文件存储在服务器上。（非本地）浏览器控制台中是否有任何错误？请检查是否允许本地XMLHttpRequests！没有错误，文件存储在服务器上。（非本地）浏览器控制台中是否有任何错误？请检查是否允许本地XMLHttpRequests！没有错误，文件存储在服务器上。（非本地）浏览器控制台中是否有任何错误？请检查是否允许本地XMLHttpRequests！没有错误，文件存储在服务器上。（不是本地人）谢谢，就这样。根据SO的要求，我将在5分钟后接受答案。谢谢，就这样。根据SO的要求，我将在5分钟后接受答案。谢谢，就这样。根据SO的要求，我将在5分钟后接受答案。谢谢，就这样。根据SO的要求，我将在5分钟后接受答案。