0

我是 JSON 新手。我在一个文件夹中有 data.json、jQuery.min.js 和 try.html 文件。问题是它没有在屏幕上显示任何输出。我还尝试了其他网站以及 StackOverflow 的一些示例，但问题仍然存在。请帮帮我。

尝试.html：

<body>
<div id="append-here"></div>
<script type="text/javascript" src="jquery-2.1.4.min.js"></script>
<script>
    $(document).on('ready', function(){
       $.getJSON('data.json', function (data) { 
          $.each(data, function(index, element) {
             $('#append-here').append(element.name);
        });
    });
});
</script>

数据.json：

[ 
  { "id" : "1", "name" : "test1" },
  { "id" : "2", "name" : "test2" },
  { "id" : "3", "name" : "test3" },
  { "id" : "4", "name" : "test4" },
  { "id" : "5", "name" : "test5" }

]

这就是我在 JS 控制台上得到的：

XMLHttpRequest cannot load file:///C:/Users/avi/Desktop/html/jsAjax/data.json. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
4

1 回答 1

0

看起来您遇到了 CORS 问题：http ://enable-cors.org/

有关更多信息，请参阅：CORS POST 请求适用于纯 javascript，但为什么不使用 jQuery？

于 2015-07-17T15:25:33.217 回答