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表示您直接从本地文件系统加载页面。

Browsers have restrictions for Ajax request，他们不允许访问远程域（如果远程域不允许）或本地文件（虽然这可以启用afaik（某种程度上，取决于浏览器））。

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

关于输出：json将是一个数组，因此您必须使用name访问第一个对象的json[0].name。

Answer 2

试试这个：

$.ajax({
  url: "data.js",
  dataType: 'json',
  contentType:"application/json",
  success: function(data)
  {
      alert(JSON.stringify(data, null, "\t"))
  }
});

Answer 3

像这样访问

json[0].name

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

使用jquery提醒JSON元素

3 个答案: