本文主要討論為什么Ajax不支持跨域，并通過舉例說明來加以解釋。結(jié)論是由于瀏覽器的同源策略限制，Ajax請求默認只能向同一源（域、協(xié)議和端口）發(fā)送請求，無法跨域訪問其他源。下面將詳細闡述這一問題。

同源策略是瀏覽器為了保護用戶信息安全而采取的一種安全機制。同源策略要求Ajax請求只能向同一源發(fā)送，即請求的域、協(xié)議和端口必須與當前頁面保持一致。如果違背了同源策略，瀏覽器就會攔截該請求，阻止數(shù)據(jù)的傳輸。

例如，假設(shè)我們有一個頁面A，地址為http://www.example.com，通過Ajax訪問另一個頁面B，地址為http://www.otherdomain.com。由于兩個頁面的域不同，根據(jù)同源策略，A頁面無法直接發(fā)起Ajax請求訪問B頁面，瀏覽器會拒絕此次請求。

$.ajax({
url: "http://www.otherdomain.com",
method: "GET",
success: function(response) {
console.log(response);
},
error: function(xhr, status, error) {
console.log(error);
}
});

上述代碼嘗試通過Ajax從頁面A向頁面B發(fā)送GET請求，并在成功時打印響應(yīng)結(jié)果，失敗時打印錯誤信息。然而，由于跨域問題，瀏覽器會報錯，顯示"No 'Access-Control-Allow-Origin' header is present on the requested resource"，說明請求被拒絕。

為了實現(xiàn)跨域請求，需要在服務(wù)器端設(shè)置響應(yīng)頭，添加"Access-Control-Allow-Origin"字段。例如，如果我們在服務(wù)器B上設(shè)置以下響應(yīng)頭：

Access-Control-Allow-Origin: http://www.example.com

這樣一來，瀏覽器就知道允許頁面A向服務(wù)器B發(fā)送跨域請求了。因此，只有在服務(wù)器端進行額外的配置，才能解決跨域訪問的問題。

總結(jié)起來，Ajax不支持跨域是由于瀏覽器的同源策略所導(dǎo)致的。同源策略要求Ajax請求只能向同一源發(fā)送，無法跨域訪問其他源。為了解決這個問題，我們需要在服務(wù)器端進行相應(yīng)的配置，允許跨域訪問。這就是為什么Ajax不支持跨域的原因。