Question

由于results.innerHTML = data.user;，我希望看到john从附加到我的HTML的这个json文件中打印出来。我正在使用网络托管服务器打开文件，所以没有在那里本地。

但是我打印出hello world，因此document.write正在处理，但没有调用ajax函数。为什么会这样？

<!DOCTYPE html>
    <head>
    <script type="text/javascript">
    document.write("hello world")
    function ajax_get_json(){
        var hr = new XMLHttpRequest();
        hr.open("GET", myList.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 = data.user;
            }

        }
        hr.send(null); 
        request.innerHTML = "processing...";
    }
    </script>
    </head>
    <body>
    <div id="results"></div>
    <script type="text/javascript"> ajax_get_json();</script>
    </body>
    </html>

这是 myList.json文件

    {
      "user": "John", "age":22, "country":"United States"
    }

Answer 1

应该是

hr.open("GET", "myList.json", true);

hr.open秒参数应该是一个包含文件URL

的字符串

我试图调用一个json文件，但它无法正常工作

1 个答案: