Question

我创建了一个包含一些对象的json文件，我构建了HTML页面，如果按下按钮， json文件中的所有对象都将在页面上显示。我在服务器上运行带有ECLIPSE的JSON文件，但是当我尝试使用AJAX访问此文件时，readyState为0，我无法访问该文件。这是代码：

JSON文件：

{
    "Dogs": [
        {
            "Id": "5435",
            "Name": "ee",
            "Type": "Pudel",
            "Picture": "pudel.jpg"
        },
        {
            "Id": "3321",
            "Name": "Lali",
            "Type": "Labrador",
            "Picture": "labrador.jpg"
        }
    ]
}

具有使用AJAX的函数的JS文件：

function show(){
    xhr = new XMLHttpRequest(); 
    xhr.onreadystatechange = function() { 
        if (xhr.readyState == 4) { 
    //      alert(xhr.status); it's shows 0 and than alert the error below
            if (xhr.status == 200) { 

                var dataObject = eval("(" + xhr.responseText + ")"); 
                var output = dataObject.Id; 
                output += dataObject.Name; 
                output += dataObject.Type; 
                output += '<img  src='+dataObject.Picture+'width="150" height="150">';
                document.getElementById("result").innerHTML = output; 
            } else { 
                alert("Error! Couldn't get json data"); 
            } 
        } 
    }; 
    xhr.open("GET", "Objects.json", true); 
    xhr.send(); 
}

和html文件：

<html>
    <head>
        <script src="JS.js"></script>
    </head>
    <body>
        <button id="btn" onclick="show()";>Press Me</button>
        <br>
        <div id="result"></div>
    </body>
</html>

问题出在哪里？

AJAX＆amp; JSON - 状态为0

0 个答案: