XMLHttpRequest无法加载，Origin null不被Access-Control-Allow-Origin允许。

Question

我有一个code.html文件，其中包含以下代码：

$.ajax({ 
    type: "POST", 
    datatype: "JSONP",
    url: "path",
    success: function(msg){
    var e = document.createElement("div");
    e.id = "ads";
    document.body.appendChild(e);
    $("#ads").html(msg);
    }
});

当我在浏览器中打开code.html文件时，出现错误：

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

这是什么原因造成的，我该怎么办才能解决这个问题？

- Thasni anes

---

你的 code.html 文件是否在同一主机上（本地主机）？ - Maerlyn

在同一主机上它可以正常工作，但在不同的主机上它无法工作。 - Thasni anes

可能是重复的问题：XmlHttpRequest error: Origin null is not allowed by Access-Control-Allow-Origin。 - Maerlyn

可能是重复的问题：XMLHttpRequest Origin null is not allowed Access-Control-Access-Allow for file:/// to file:/// (Serverless) - kapa

这是非常全面的3个简单解决方案。 - George

Answer 1

我将做出两个假设：

• 您可能在使用Chrome浏览器
• 您正在从文件系统中打开文件（即双击文件）

那么，这个问题是一个重复的问题：XMLHttpRequest Origin null is not allowed Access-Control-Allow-Origin for file:/// to file:/// (Serverless) 浏览器正在防止跨站点脚本攻击。请参见：https://developer.mozilla.org/en-US/docs/HTTP_access_control

- Josep Valls

Answer 2

如果你的数据类型是jsonp（小写），则 ajax 类型必须是GET而不是POST。

更新：

使用$.getJSON而不是$.ajax应该可以解决你的问题。

- wukong

---

你发布的地址是什么？ - wukong

请使用$.getJSON代替$.ajax。 - wukong