jQuery ajax：將類AJAX方法封裝起來

上一篇文章，將jQuery.ajax中的一些細節補充完。這篇文章講解如果將類AJAX方法都封裝進jQuery.ajax 中。下篇文章則講解各預過濾器和分發器的細節。

為什麼要封裝起來？

我們知道，古老的 XMLHttpRequest出於同源策略考慮，是不支援跨域的。所以，在前端想動態載入跨域Javascript指令碼，通常是 使用被稱為Script DOM Element的方案，如：

var scriptElem = document.createElement ("script");

scriptElem.src = "http://anydomain.com/A.js";

document.getElementsByTagName("head") [0].appendChild(scriptElem);

同理，JSON也無法通過XMLHttpRequest進行跨域，所以利用Script DOM Element，將JSON填入一個回呼函數中來實現其跨域，也就是JSONP（JSON with padding， 填充式JSON或 參數式JSON）。

實際上JSONP就是將，得到JSON後回調的函數通過GET傳參告訴伺服器，然後伺服器拼 接一段指令碼，用該回呼函數並參數為需要的JSON資料，如：

callback({ "name": "Justany_WhiteSnow" });

jQuery團隊當然希望開發人員開發的時候，不需要想需不需要跨域 ，只要直接使用就行了。

所以他們把XMLHttpRequest、Script DOM Element、JSONP封裝起來，都當成 AJAX來使用。

這裡順便提一下，其實現代瀏覽器（Firefox 3.5+、Safari 4+、Chrome等）中，通過 XMLHttpRequeest實現了CORS（Cross-Origin Resource Sharing， 跨源資源共用）原生支援。也就是 XMLHttpRequest在某些瀏覽器中，實際上是可以跨域的，只需要設定一下HTTP Response Header中的Access- Control-Allow-Origin。比如設定成萬用字元*。

而IE8也引入XDomainRequest也實現了CORS。

但 畢竟某些瀏覽器不行，所以，咳咳……這不能成為一種通用方案。

怎麼封裝起來？

首先我們 有一個山寨XHR對象，也就是jqXHR對象。通過對其添加send、abort來類比XHR對象。

可是我們需要在 不同方案執行前先處理一下特異性的東東，所以我們需要一個預過濾機制（Prefilter）來預先處理一下。

然後我們需要知道到底應當用那一套方案來執行整個過程，所以我們需要一個分發機制（Transport） 來得到最後的jqXHR對象。

inspectPrefiltersOrTransports

我們在jQuery.ajax找到了預過濾 和分發機制的函數，inspectPrefiltersOrTransports。

// 預過濾inspectPrefiltersOrTransports( prefilters, s, options, jqXHR );    //……    // 得到transporttransport = inspectPrefiltersOrTransports( transports, s, options, jqXHR );