Question

我看到上面提到了上述问题，但是即使在提到它们之后我也无法找到适合自己的方法，因此我冒昧地为这个问题开了一个新帖子。

我有一个包含以下代码的getjson.html文件

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $.getJSON("json_data.txt",function(result){
      $.each(result, function(i, field){
        $("div").append(field + " ");
      });
    });
  });
});
</script>
</head>
<body>

<button>Get JSON data</button>
<div></div>

</body>
</html>

json_data.txt包含以下内容，

{ 
  "firstName": "John",
  "lastName": "Doe",
  "age": 25
}

当我在浏览器中打开getjson.html文件时，它会出错：

“XMLHttpRequest无法加载file：// ..... Access-Control-Allow-Origin不允许使用Origin。”

有人请就此建议一个简单的解决方案，我该如何才能使这件事成为可能。

P.S：我正在写一个网络应用程序。

Answer 1

您是否直接打开HTML文件？该文件需要放在Web服务器上然后执行。通常，出于安全原因，浏览器不允许file:///协议进行AJAX调用。

Answer 2

我正在阅读你的问题有点晚（2013年春），并且认为我已经在文件中找到了CORS XHR跨域限制的解决方案：// context！

我把这个标题放在我的远程php脚本上：

header('Access-Control-Allow-Origin: '.$_SERVER['HTTP_ORIGIN']);

它似乎工作！这里有更多解释：Rannpháirtí anaithnid/CORS

它可能适用于“手机间隙”应用程序，而不是使用jquery和jsonp？

XMLHttpRequest无法加载file：// ... Access-Control-Allow-Origin不允许使用Origin null

2 个答案: