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

是什么原因造成的，我能做些什么來解決這個問題？

Answer 1

我會做兩個假設：

• 您可能正在使用 chrome
• 您正在從文件系統打開文件（即雙擊）

然后，這個問題是XMLHttpRequest Origin null is not allowed Access-Control-Allow-Origin for file:/// to file:///（無服務器）的副本

瀏覽器正在阻止跨站點腳本。 請參閱： https://developer.mozilla.org/en-US/docs/HTTP_access_control

Answer 2

如果您的 dataType 是jsonp （小寫），則 ajax 類型必須是GET而不是POST

更新：

使用 $.getJSON 而不是 $.ajax 應該可以解決您的問題