Json 文件不会加载 jquery .getJSON()

Question

我正在尝试使用 jquery 的 getJSON() 将外部 json 文件分配给 var。在我的 JSON 文件中，我有与输出完全相同的代码。当我尝试 console.log 数据变量中的内容时，它只显示 readyState1。这意味着我已连接到服务器，但为什么请求没有继续进行？这是我的代码：

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready( function() {
    var url = "content.json"
    var outp = {
                    low         :   0,
                    high        :   99,
                    name        :   "Fritz",
                    rufnummer   :   "012",
                    faxnummer   :   "345",
                    mobil       :   "678",
                    mail        :   "mail@mail.mail",  
                }

    $('#find').on("click", function(){

        var data = $.getJSON(url);

        console.log(data);
        console.log(outp);
        console.log("Hi");

    });
});
</script>
</head>
<body>
    <p>Postleitszahl:</p>
    <input type="number" autocomplete="on" name="inp" id="inp">
    <button type="button" id="find">Finden</button>
    <p class="output"></p>
</body>
</html>

Answer 1

$.getJSON 异步运行。在您当前的代码中，您正试图在请求完成之前访问数据。

您需要使用成功回调来访问响应。

$.getJSON(url, function(data) {
    console.log(data);
    console.log(outp);
    console.log("Hi");
});

Answer 2

方法 $.getJSON 执行异步调用，这意味着您不会将接收到的数据作为 return 值。为了访问服务器发送的响应，您需要注册一个回调：

$.getJSON(url, function(data) {
      console.log(data);
      //do what you need to do with your data here
});

参考文献http://api.jquery.com/jquery.getjson/

希望对您有所帮助

Json 文件不会加载 jquery .getJSON()

Json file wont load in with jquery .getJSON()

jquery

json

getjson

readystate