日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關咨詢
選擇下列產品馬上在線溝通
服務時間：8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯(lián)網營銷解決方案
用Dojo實現(xiàn)Ajax請求：XHR、跨域、及其他

在任何瀏覽器上方便地實現(xiàn)Ajax請求是每一個Ajax框架的初衷。Dojo在這方面無疑提供了非常豐富的支持。除了XMLHttpRequest之外，動態(tài)script、iframe、RPC也應有盡有，并且接口統(tǒng)一，使用方便，大多數(shù)情況下都只需要一句話就能達到目的，從而免除重復造輪子的麻煩。而且，Dojo一貫追求的概念完整性也在這里有所體現(xiàn)，換句話說，在使用Dojo的Ajax工具的過程中不會感到任何的不自然，相反更容易有觸類旁通的感覺，因為API的模式是統(tǒng)一的，而且這里涉及到的某些概念（如Deferred對象）也貫穿在整個Dojo之中。

鄆城ssl適用于網站、小程序/APP、API接口等需要進行數(shù)據傳輸應用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：028-86922220（備注：SSL證書合作）期待與您的合作！

Dojo的XHR函數(shù)

Dojo的XMLHttpRequest函數(shù)就叫dojo.xhr，除了把自己取名美元符號之外，這好像是最直接的辦法了。它定義在Dojo基本庫里，所以不需要額外的require就能使用。它可以實現(xiàn)任何同域內的http請求。不過更常用的是dojo.xhrGet和dojo.xhrPost，它們只不過是對dojo.xhr函數(shù)的簡單封裝；當然根據REST風格，還有dojo.xhrPut和dojo.xhrDelete。

這些函數(shù)的參數(shù)都很統(tǒng)一。除了dojo.xhr的第一個參數(shù)是http方法名之外，所有的dojo.xhr*系列函數(shù)都接受同一種散列式的參數(shù)，其中包含請求的細節(jié)，例如url、是否同步、要傳給服務器的內容（可以是普通對象、表單、或者純文本）、超時設定、返回結果的類型（非常豐富且可擴展）、以及請求成功和失敗時的回調。所有dojo.xhr*函數(shù)（實際上是所有IO函數(shù)）返回值也都一樣，都是一個Deferred對象，顧名思義，它能讓一些事情“延遲”發(fā)生，從而讓API用起來更靈活。

下面的兩個例子可能會帶來一點直觀感受：

 
 
 
      
  
  
  1. dojo.xhrGet({  
    2.   
  
  
  2.     url: "something.html",  
    3.   
  
  
  3.     load: function(response, ioArgs){  
    4.   
  
  
  4.         //用response干一些事  
    5.   
  
  
  5.         console.log("xhr get success:", response);  
    6.   
  
  
  6.     return response; //必須返回response  
    7.   
  
  
  7.     },  
    8.   
  
  
  8.     error: function(response, ioArgs){  
    9.   
  
  
  9.         console.log("xhr get failed:", response);  
    10.   
  
  
  10.         return response; //必須返回response  
    11.   
  
  
  11.     }  
    12.   
  
  
  12. });  
    13.   
  
  
  13. //Deferred對象允許用同步調用的寫法寫異步調用  
    14.   
  
  
  14. var deferredResult = dojo.xhrPost({  
    15.   
  
  
  15.     url: "something.html",  
    16.   
  
  
  16.     form: formNode, //Dojo會自動將form轉成object  
    17.   
  
  
  17.     timeout: 3000, //Dojo會保證超時設定的有效性  
    18.   
  
  
  18.     handleAs: "json" //得到的response將被認為是JSON，并自動轉為object  
    19.   
  
  
  19. });  
    20.   
  
  
  20. //當響應結果可用時再調用回調函數(shù)  
    21.   
  
  
  21. deferredResult.then(function(response){  
    22.   
  
  
  22.     console.log("xhr get success:", response);  
    23.   
  
  
  23.     return response; //必須返回response  
    24.   
  
  
  24. }); 
    25.

首先解釋一下timeout。除了IE8之外，目前大多數(shù)XMLHttpRequest對象都沒有內置的timeout功能，因此必須用 setTimeout。當同時存在大量請求時，需要為每一個請求設置單獨的定時器，這在某些瀏覽器（主要是IE）會造成嚴重的性能問題。dojo的做法是只用一個單獨的setInterval，定時輪詢（間隔50ms）所有還未結束的請求的狀態(tài)，這樣就高效地解決了一切遠程請求（包括JSONP和 iframe）的超時問題。

值得一提的還有handleAs參數(shù)，通過設置這個參數(shù)，可以自動識別服務器的響應內容格式并轉換成對象或文本等方便使用的形式。根據文檔，它接受如下值：text (默認), json, json-comment-optional, json-comment-filtered, javascript, xml。

而且它還是可擴展的。其實handleAs只是告訴xhr函數(shù)去調用哪個格式轉換插件，即dojo.contentHandlers對象里的一個方法。例如 dojo.contentHandlers.json就是處理JSON格式的插件。你可以方便地定制自己所需要的格式轉換插件，當然，你也可修改現(xiàn)有插件的行為：

 
 
 
      
  
  
  1. dojo.contentHandlers.json = (function(old){  
    2.   
  
  
  2.     return function(xhr){  
    3.   
  
  
  3.         var json = old(xhr);  
    4.   
  
  
  4.         if(json.someSignalFormServer){  
    5.   
  
  
  5.             doSomthing(json);  
    6.   
  
  
  6.             delete json.someSignalFormServer;  
    7.   
  
  
  7.         }  
    8.   
  
  
  8.         return json;  
    9.   
  
  
  9.     }  
    10.   
  
  
  10. })(dojo.contentHandlers.json);//一個小技巧，利用傳參得到原方法 
    11.

虛擬的參數(shù)類

這里特別提一下Dojo在API設計上的兩個特點。其一是虛擬的參數(shù)“類”概念：通過利用javascript對象可以靈活擴展的特點，強行規(guī)定一個散列參數(shù)屬于某個“類”。例如dojo.xhr*系列函數(shù)所接受的參數(shù)就稱為dojo.__XhrArgs。這個“類”并不存在于實際代碼中（不要試圖用 instanceof驗證它），只停留在概念上，比抽象類還抽象，因此給它加上雙下劃線前綴（Dojo習慣為抽象類加單下劃線前綴）。這樣做看起來沒什么意思，但實際上簡化了API，因為它使API之間產生了聯(lián)系，更容易記憶也就更易于使用。這一點在對這種類做“繼承”時更明顯。例如 dojo.__XhrArgs繼承自dojo.__IoArgs，這是所有IO函數(shù)所必須支持的參數(shù)集合，同樣繼承自dojo.__IoArgs的還有 dojo.io.script.__ioArgs和dojo.io.iframe.__ioArgs，分別用于動態(tài)腳本請求和iframe請求。子類只向父類添加少量的屬性，這樣繁多的參數(shù)就具有了樹形類結構。原本散列式參數(shù)是用精確的參數(shù)名代替了固定的參數(shù)順序，在增加靈活性和可擴展性的同時，實際上增加了記憶量（畢竟參數(shù)名不能拼錯），使得API都不像看起來那么好用，有了參數(shù)類的設計就緩解了這個問題。

這種參數(shù)類的做法在Dojo里隨處可見，讀源碼的話就會發(fā)現(xiàn)它們都是被正兒八經地以正常代碼形式聲明在一種特殊注釋格式里的，像這樣：

 
 
 
      
  
  
  1. /*=====  
    2.   
  
  
  2. dojo.declare("dojo.__XhrArgs", dojo.__IoArgs, {  
    3.   
  
  
  3.     constructor: function(){  
    4.   
  
  
  4.     //summary:  
    5.   
  
  
  5.     //...  
    6.   
  
  
  6.     //handleAs:  
    7.   
  
  
  7.     //...  
    8.   
  
  
  8.     //......  
    9.   
  
  
  9.     }  
    10.   
  
  
  10.  });  
    11.   
  
  
  11.  =====*/ 
    12.

這種格式可以被jsDoc工具自動提取成文檔，在文檔里這些虛擬出來的類就像真的類一樣五臟俱全了。

Deferred對象

另一個API設計特點就是Deferred對象的廣泛使用。Dojo里的Deferred是基于MochiKit實現(xiàn)稍加改進而成的，而后者則是受到 python的事件驅動網絡工具包Twisted里同名概念的啟發(fā)。概括來說的話，這個對象的作用就是將異步IO中回調函數(shù)的聲明位置與調用位置分離，這樣在一個異步IO最終完成的地方，開發(fā)人員可以簡單地說“貨已經到了，想用的可以來拿了”，而不用具體地指出到底該調用哪些回調函數(shù)。這樣做的好處是讓異步IO的寫法和同步IO一樣（對數(shù)據的處理總是在取數(shù)據函數(shù)的外面，而不是里面），從而簡化異步編程。

具體做法是，異步函數(shù)總是同步地返回一個代理對象（這就是Deferred對象），可以將它看做你想要的數(shù)據的代表，它提供一些方法以添加回調函數(shù)，當數(shù)據可用時，這些回調函數(shù)(可以由很多個)便會按照添加順序依次執(zhí)行。如果在取數(shù)據過程中出現(xiàn)錯誤，就會調用所提供的錯誤處理函數(shù)(也可以有很多個)；如果想要取消這個異步請求，也可通過Deferred對象的cancel方法完成。

dojo.Deferred的核心方法如下：

 
 
 
      
  
  
  1. then(callback, errback); //添加回調函數(shù)  
    2.   
  
  
  2. callback(result); //表示異步調用成功完成，觸發(fā)回調函數(shù)  
    3.   
  
  
  3. errback(error); //表示異步調用中產生錯誤，觸發(fā)錯誤處理函數(shù)  
    4.   
  
  
  4. cancel(); //取消異步調用 
    5.

Dojo還提供了一個when方法，使同步的值和異步的Deferred對象在使用時寫法一樣。例如：

 
 
 
      
  
  
  1. //某個工具函數(shù)的實現(xiàn)  
    2.   
  
  
  2. var obj = {  
    3.   
  
  
  3.     getItem: function(){  
    4.   
  
  
  4.         if(this.item){  
    5.   
  
  
  5.             return this.item; //這里同步地返回數(shù)據  
    6.   
  
  
  6.         }else{  
    7.   
  
  
  7.             return dojo.xhrGet({  //這里返回的是Deferred對象  
    8.   
  
  
  8.                 url: "toGetItem.html",  
    9.   
  
  
  9.                 load: dojo.hitch(this, function(response){  
    10.   
  
  
  10.                     this.item = response;  
    11.   
  
  
  11.                     return response;  
    12.   
  
  
  12.                 })  
    13.   
  
  
  13.             });  
    14.   
  
  
  14.         }  
    15.   
  
  
  15.     }  
    16.   
  
  
  16. };  
    17.   
  
  
  17. //用戶代碼  
    18.   
  
  
  18. dojo.when(obj.getItem(), function(item){  
    19.   
  
  
  19.     //無論同步異步，使用工具函數(shù)getItem的方式都一樣  
    20.   
  
  
  20. }); 
    21.

在函數(shù)閉包的幫助下，Deferred對象的創(chuàng)建和使用變得更為簡單，你可以輕易寫出一個創(chuàng)建Deferred對象的函數(shù)，以同步的寫法做異步的事。例如寫一個使用store獲取數(shù)據的函數(shù)：

 
 
 
      
  
  
  1. var store = new dojo.data.QueryReadStore({...});  
    2.   
  
  
  2. function getData(start, count){  
    3.   
  
  
  3.     var d = new dojo.Deferred(); //初始化一個Deferred對象  
    4.   
  
  
  4.     store.fetch({  
    5.   
  
  
  5.         start: start,  
    6.   
  
  
  6.         count: count,  
    7.   
  
  
  7.         onComplete: function(items){  
    8.   
  
  
  8.             //直接取用上層閉包里的Deferred對象  
    9.   
  
  
  9.             d.callback(items);   
    10.   
  
  
  10.         }  
    11.   
  
  
  11.     });  
    12.   
  
  
  12.     return d; //把它當做結果返回  
    13.   
  
  
  13. } 
    14.

#p#

用dojo.io.script跨域

dojo.xhr* 只是XmlHttpRequest對象的封裝，由于同源策略限制，它不能發(fā)跨域請求，要跨域還是需要動態(tài)創(chuàng)建

  • <sup id="hicuq"></sup>
      •