ajaxPrefilter 與 ajaxTransport 都是通過 inspectPrefiltersOrTransports 構建器創建的。
prefilters 中的前置過濾器在請求發送之前、設置請求參數的過程中被調用,調用 prefilters 的是函數 inspectPrefiltersOrTransports ,巧妙的是 transports 中的請求分發器在大部分參數設置完成后,也通過函數 inspectPrefiltersOrTransports 取到與請求類型匹配的請求分發器。
通過(右邊代碼一)我們可以看出來:
前置過濾器 prefilters
在每個請求之前被發送和 $.ajax () 處理它們前處理,設置自定義 Ajax 選項或修改現有選項,簡單的說就是一種 hack 的做法,只是說比起事件的那種 hack 寫的手法實現更為高明。比如我們要預過濾器(Prefilters)也可以被用來修改已經存在的選項。
例如,下面的代理服務器跨域請求 http://mydomain.net/proxy/:
$.ajaxPrefilter( function( options ) { if ( options.crossDomain ) { options.url = "http://mydomain.net/proxy/" + encodeURIComponent( options.url ); options.crossDomain = false; } });
如果提供可選的 dataTypes 參數,那么預濾器(prefilter)將只會對滿足指定 dataTypes 的請求有效。例如, 以下僅適用于 JSON 和 script 請求給定的預過濾器:我們可以看看針對 prefilters 的方法其實就是 dataType 為 script,json,jsonp的處理,當我們動態加載腳本文件比如:
$.ajax({ type : "GET", url : "test.js", dataType : "script" });
所以在 inspectPrefiltersOrTransports 方法中 prefilters[script] 能找到對應的處理方法,所以就會執行。例如 script 的 hack,要強制加上處理緩存的特殊情況和 crossDomain,因為設置 script 的前置過濾器,script 并不一定意思著跨域,跨域未被禁用,強制類型為 GET,不觸發全局時間。
jQuery.ajaxPrefilter("script", function(s) { if (s.cache === undefined) { s.cache = false; } if (s.crossDomain) { s.type = "GET"; } });
所以 prefilters 就是在特定的環境針對特定的情況做一些必要的兼容的處理。
請求分發器 transports
請求分發器顧名思義發送請求,那么底層的 ajax 發送請求是通過 send 方法。
xhr.send();
但是 jQuery 對 send 方法做了拆分,把對應的處理放到了 transports 中了,那么 transports 對象也是類似前置處理器通過 jQuery.ajaxTransport 構建,例如 script,send,abort 方法返回出 transports 方法。
transport = inspectPrefiltersOrTransports(transports, s, options, jqXHR);
從源碼中可以看到 transport 是一個對象,它提供了兩種方法,send
和 abort
,內部使用由 $.ajax()
發出請求。transport 是最高級的方法用來增強 $.ajax()
并且應僅作為當預過濾器(prefilters)和轉換器(converters)無法滿足你的需求的時候的最后的手段。由于每個請求需要有自己的傳輸(transport)對象實例,傳輸不能直接注冊。因此,你應該提供一個函數代替返回傳輸(transport)。
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報