无法从本地 JSON 文件加载数据 [关闭]答案

【问题标题】：Cannot load data from local JSON file [closed]无法从本地 JSON 文件加载数据 [关闭]
【发布时间】：2014-07-25 05:42:03
【问题描述】：

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
  <script src= "C:\Documents and Settings\vivek.aggarwal\My Documents\Downloads\jquery-1.11.1.js"></script>
  <script src="mydata.json"></script>
</head>
<body>
    <p id="demo"> ABC </p>
    <script>

    $.getJSON(mydata.json, function(data) {
        var output = data.login[0].one;
        document.getElementById("demo").innerHTML= output;
    });

    </script>
</body>

这是我的 JSON 文件 (mydata.json)

{
    "login": [
        {
            "one": "vivek"
        }
    ]
}

【问题讨论】：

我先引用 URI，即$.getJSON('mydata.json', ...。当然，如果您愿意检查它，您的控制台会提醒您此错误
去掉重复的 jQuery 脚本标签 (c:\documents....) 并更改 $.getJSON('mydata.json'...) 注意引号。请学习使用开发者工具栏（在 Chrome 中按 F12）
...另外，不要通过<script> 标签包含mydata.json
当你在使用 jQuery 时...$('#demo').html(data.login[0].one)

标签： javascript jquery html json

【解决方案1】：

试试这个方法，对我有用。

$.ajax({
    url: 'mydata.json',
    dataType: 'json',
    success: function(result) {
       //Your code here, result is json obj
       $('#demo').html(result.login[0].one);
    },
    error: function() {
      // alert("error");
    }
});

【讨论】：

Thnx Phil，我用 jQuery 替换了赋值。
离开$.getJSON的原因是什么？
参考stackoverflow.com/questions/1076013/…
对于转向的简短回答，.getjson() 调用 .ajax()。
是的，我知道它们是等价的。这就是我问的原因

【解决方案2】：

试试这个应该可以的。

$.getJSON("mydata.json", function(data) { 
        var output = data.login[0].one;
        document.getElementById("demo").innerHTML= output;
});

【讨论】：