ajax簡介

AJAX即“Asynchronous Javascript And XML”（異步JavaScript和XML），是指一種創建交互式網頁應用的網頁開發技術。

AJAX = 異步 JavaScript和XML（標準通用標記語言的子集）。

AJAX 是一種用于創建快速動態網頁的技術。

通過在后臺與服務器進行少量數據交換，AJAX 可以使網頁實現異步更新。這意味著可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。

傳統的網頁（不使用 AJAX）如果需要更新內容，必須重載整個網頁頁面。

下面步入正題

前兩天xz問我知不知道ajax怎么實現跨域調用，因為沒聽過這個概念，所以也知道怎么實現。xz說ajax跨域調用有幾種方式，一種是iframe的方式，通過設置document.domain來實現，一種則是通過設置jsonp來實現。這兩天查了一下資料，也寫了幾個demo，下面備忘一下。

我在本地建了三個站點,并設置了host文件模擬跨子域和跨全域

coolkissbh.com

blog.coolkissbh.com

coolkiss.com

一 、ajax 跨域調用會有什么問題

coolkissbh.com下頁面使用jquery的$.get調用blog.coolkissbh.com頁面

跨域請求，IE 7和8下報 access denied錯誤
IE 6.0 則彈出 this page is accessing information that is not under its control. this poses a security risk.do you want to continue?提示框

firefox 沒報錯，但是不會做出請求

二、ajax跨域實現方法

1、跨子域實現ajax

要求：實現coolkissbh.com的頁面 異步請求 blog.coolkissbh.com下的頁面

實現方法：借助iframe，通過設置iframe的src屬性，嵌入blog.coolkissbh.com下的一個頁面，比如AjaxProxy.aspx,然后由該頁面去請求Ajax

AjaxProxy請求完畢后，通過parent對象把返回的數據回傳給coolkissbh.com的主頁面。因此，真正的異步請求還是發生在blog.coolkissbh.com的域名下

注意：通過這種方法實現的跨子域ajax請求，需要在coolkissbh.com的請求頁面以及AjaxProxy.aspx頁面中設置同樣的域名，也就是
document.domain = "coolkissbh.com";

注意：關于設置domain的問題，如果是跨全域，使用上面方法時候，firefox下會提示
Illegal document.domain value" code: "1009的錯誤，因此跨全域只能使用第二種方法

處理返回的數據：

AjaxProxy.aspx將ajax返回的數據保存到一個全局變量中，coolkissbh.com通過setInterval定時去判斷iframe的頁面是否加載完成，如果加載完成，則獲取AjaxProxy.aspx的全局變量值。然后再做其它處理。

這里有個問題：我原來是打算在AjaxProxy.aspx的ajax請求完成后，調用parent的方法，同時將數據返回，但是在IE下，點擊第一次時候就會出現“permission denied”的錯誤,再次點擊就正常了。在firefox下就沒有問題，不知道是什么原因。