使用jquery提醒JSON元素

Question

我正在尝试提醒JSON元素使用JQuery,这是我的代码:

data.js JSON数据

[
    {
  "name": "bader",
  "major": "medicine",
  "id": "334453"
    }
]

Jquery代码

$(document).ready(function() {

      $.getJSON("data.js", function(json) {
   alert("JSON Data: " + json.name);
 });



});

我试图检查元素我在我的consol上有这个错误

XMLHttpRequest cannot load file:///data.js. Origin null is not allowed by Access-Control-Allow-Origin.

我仍然很新的处理JSON和JQUERY,我不知道我哪里错在这里,如果有人可以帮助

Answer 1

file:///data.js 表示您直接从本地文件系统加载页面.

浏览器对Ajax请求有限制,它们不允许访问远程域(如果远程域不允许)或本地文件(虽然这可以启用afaik(某种程度上取决于浏览器)).

最简单的方法,恕我直言,是通过服务器而不是文件系统访问您的文件.
如果您有Python,则只需在当前目录中启动本地服务器即可python -m SimpleHTTPServer.这足以进行测试,并且比本地文件系统访问更好.

关于输出:json将是一个数组,所以你必须访问name第一个对象json[0].name.