加载本地JSON文件

时间:2015-11-04 12:56:21

标签: javascript json cross-browser

我正在尝试将json文件加载到表中,在做了大量研究之后,我找到了如何做到的解决方案。

但我在Chrome上收到以下错误

  

XMLHttpRequest无法加载...只有协议方案支持跨源请求:http,数据,chrome,chrome-extension,https,chrome-extension-resource。

请在使用chrome加载我的json数据时建议如何避免此错误。

  <script type="text/javascript">
 $(function() {
 $.getJSON('./files.json')
  .success(function(data) {
     var tr;
     for (var i = 0; i < data.length; i++) {
        tr = $('<tr/>');
        tr.append("<td>" + data[i][0] + "</td>");
        tr.append("<td>" + data[i][1] + "</td>");
        $('#table1').append(tr);
    }
})
.error(function(e) { console.error(e); })
});
</script>

这是我将数据加载到的HTML               名称       路径      

1 个答案:

答案 0 :(得分:2)

错误消息说明了这一点:

  

交叉源请求仅支持协议方案:http,数据,chrome,chrome-extension,https,chrome-extension-resource。

您不能在此使用file URI,因为它们未在错误消息中列出。

安装网络服务器并改为使用http