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

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."**

请帮我!!如何避免这个问题

Answer 1

我将做两个假设:

• 你可能正在使用chrome
• 你正在从文件系统打开一个文件(即双击)

然后,这个问题是XMLHttpRequest的副本.对于file:///到文件:///(无服务器),不允许使用null-Access-Control-Allow-Origin

浏览器阻止跨站点脚本.请参阅:https://developer.mozilla.org/en-US/docs/HTTP_access_control

Answer 2

如果您的 dataType 是jsonp（小写），则 ajax 类型必须GET不是POST

更新：

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