jquery ajax作為deferred對(duì)象如何觸發(fā)progress？
jQuery deferred對(duì)象存在三種狀態(tài)觸發(fā)函數(shù)，resolve，fail，notify，分別對(duì)象成功，失敗，進(jìn)行中三種回調(diào)函數(shù)，當(dāng)deferred不是promise對(duì)象的時(shí)候可以自行通過(guò)調(diào)用三個(gè)方法來(lái)觸發(fā)不同的狀態(tài)從而觸發(fā)相應(yīng)的回調(diào)函數(shù)。但是jquery ajax就是一個(gè)promise對(duì)象，不能手動(dòng)的觸發(fā)notify，查閱deferred的pipe方法，可以傳遞三個(gè)回調(diào)函數(shù)，對(duì)應(yīng)上訴的三種狀態(tài)，但是，成功，失敗回調(diào)都是內(nèi)部自行控制，外部不能干預(yù)，那是不是說(shuō)，通過(guò)pipe的方式執(zhí)行ajax是沒(méi)有機(jī)會(huì)執(zhí)行progress方法的呢？有的話(huà)，如何控制？如果有需要在ajax執(zhí)行中添加函數(shù)的需求，如何實(shí)現(xiàn)呢？
2018-07-16
2016-02-05
通過(guò)pipe的方式執(zhí)行ajax是沒(méi)有機(jī)會(huì)執(zhí)行progress方法的呢？
if?(?isSuccess?)?{ ???deferred.resolveWith(?callbackContext,?[?success,?statusText,?jqXHR?]?); }?else?{ ???deferred.rejectWith(?callbackContext,?[?jqXHR,?statusText,?error?]?); }很明顯，ajax并沒(méi)有調(diào)用notifyWith的地方。所以，不會(huì)有機(jī)會(huì)執(zhí)行progress方法。
另外，對(duì)于XMLHttpRequest的事件而言。
onreadystatechange才能監(jiān)聽(tīng)傳輸中狀態(tài)，也就是觸發(fā)progress方法
而jQuery.ajax使用的是onload方法，onload只在ajax加載完成才會(huì)觸發(fā)。如下：
xhr.onload?=?callback(); xhr.onerror?=?callback("error");所以，如果想要觸發(fā)progress方法，需要再綁定一個(gè)事件：
xhr.onreadystatechange?=?function(){ ????if(xhr.readyState==3){ ????????//類(lèi)似于jqXHR.notifyWidth(callbackContext); ????} }