0

我正在尝试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);
 });



});

我试图检查元素我的控制台上有这个错误

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

我对处理还是很陌生JSON，JQUERY我不知道我在哪里出错了，如果有人可以帮忙的话

4

3 回答 3

5

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

浏览器对 Ajax 请求有限制，它们不允许访问远程域（如果远程域不允许）或本地文件（尽管这可以启用 afaik（不知何故，取决于浏览器））。

The easiest way, IMHO, is to access your file through a server, not from the file system.
If you have Python, you can simply start a local server in the current directory with python -m SimpleHTTPServer. That's enough for testing and better than local file system access.

Regarding the output: json will be an array, so you have to access the name of the first object with json[0].name.

于 2012-04-17T23:21:13.613 回答
1

试试这个：

$.ajax({
  url: "data.js",
  dataType: 'json',
  contentType:"application/json",
  success: function(data)
  {
      alert(JSON.stringify(data, null, "\t"))
  }
});
于 2012-04-17T23:21:02.083 回答
1

像这样访问它

json[0].name

因为 [] 括号是数组运算符。

于 2012-04-17T23:21:13.170 回答