getJSON请求失败

Question

当单击按钮时，我有一个json文件，其中有一些数据要附加到html文档中的div中：

html：

<div class="json"></div>
<button id="one"></button>

在这里，javascript：

function one(){
    $("#one").click(function(){
        $.getJSON('one.json',function(data){
            alert("success");       
        })
        .done(function() { alert('getJSON request succeeded!'); })
        .fail(function() { alert('getJSON request failed! '); })
        .always(function() { alert('getJSON request ended!'); });
    });
}

$(document).ready(function() {
   one();
});

one.json文件位于js文件的同一个目录中。当我单击按钮时，警报是"getJSON请求失败“，...where是错误吗？

Answer 1

看看下面的代码是否有效：

 $.getJSON('/YourDirectory/one.json',function(data){
            alert("success");       
        })

Answer 2

$.getJSON()使用url作为获取JSON的位置的参数，而不是文件路径。

$.getJSON('/one.json', function (data) { ... });

或

$.getJSON('http://localhost:1234/one.json', function (data) { ... });

获取one.json文件的url并粘贴到浏览器地址栏中。如果浏览器返回JSON内容，那么您可以在$.getJSON()‘调用中使用该url。

Answer 3

如果html是从url打开的

localhost:80/project/test.html

那么json路径将是

localhost:80/project/one.json

因此，确保html和json位于同一个文件夹中。