跨域$ .ajax請求不起作用

Question

下面包含的是我嘗試用來顯示另一頁的HTML內容的代碼。我無法讓代碼正常工作，並且每次都收到錯誤。我在這裏錯過了什麼？

$.ajax({ 
    url: 'http://www.msn.com', 
    type: 'GET', 
    dataType : "text/html", 
    success: function (result) { 
     alert('success'); 
     alert(result); 
    }, 
    error: function() { 
     alert('error'); 
} 
}); 

Answer 1

你不能做一個跨域AJAX請求（除非服務器是專門爲它設置的）。

您可以做的最好的方式是在您的服務器上調用PHP腳本，該腳本又從其他服務器獲取HTML並將其發送回您的頁面。

Answer 2

您只能對自己的域名發出ajax請求。指向你自己的頁面，你的成功函數將被調用。

Answer 3

在Chrome中，打開Web Inspector（例如，右鍵單擊，檢查元素），然後轉到控制檯選項卡，然後運行該代碼。然後您將實際看到您觸發的跨域腳本安全錯誤。

Answer 4

由於瀏覽器安全限制，大多數「Ajax」請求受same origin policy;該請求無法成功從不同的域，子域或協議中檢索數據。

腳本和JSONP請求不受相同的源策略限制。

來源：http://api.jquery.com/jQuery.get/

Answer 5

如果你真的打算做一個跨域AJAX請求和你正在尋找檢索HTML響應你可能想看看this article by James Podolosky，他在那裏討論通過這些管道排序請求YQL，並提供了一個插件來通過覆蓋jQuery.ajax函數來自動執行此操作，從而可以按照您的預期在此處使用它。

Answer 6

如果您使用的是外部API，您可以使用YQL（但它不完美）。

檢查此fiddle，你會看到它的工作。也許這不適合你，只是把它扔到那裏。