資源描述：
《jquery通過deferred對象管理ajax異步_jquery》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫。
1、jQuery通過deferred對象管理ajax異步今天跟大家分享一個jquery中的對象-deferred。其實從jQuery1.5.0版本開始引入的一個新功能----deferred對彖。不過可能在實際開發(fā)過程小用到的并不多，所以沒有太在意。什么是deferred對象？開發(fā)網(wǎng)站的過程屮，我們經(jīng)常遇到某些耗吋很長的javascript操作。其屮，既有異步的操作(比如ajax讀取服務(wù)器數(shù)據(jù)),也有同步的操作(比如遍歷一個大型數(shù)組)，它們都不是立即能得到結(jié)果的。通常的做法是，為它們指定回調(diào)函數(shù)(callback)o即事先規(guī)定，一旦它們運行結(jié)束，應(yīng)該調(diào)用哪些函數(shù)。但是,在回調(diào)函數(shù)方面,j
2、Query的功能非常弱。為了改變這一點，jQuery開發(fā)團隊就設(shè)計了deferred對象。簡單說，deferred對象就是jQucry的回調(diào)函數(shù)解決方案。在英語中，defer的意思、是〃延遲〃,所以deferred對象的含義就是〃延遲〃到未來某個點再執(zhí)行。這里先不說deferred的概念，我們先看一個例了。述記得初學(xué)的吋候，遇到一個實例，先是要ajax請求一個接口(a.json),從返回的數(shù)據(jù)中獲得一個idl值。然后再請求一個接口(b.json)獲得id2,最后需要對這兩個id值同時進行操作。錯誤解法那個時候初學(xué)，首先想到的方案(現(xiàn)在想想，很傻很犬真???)varidl,id2;$.
3、ajax({url:'a.js',dataType:'json',type:'get',success:function(d){idl=d.item?id;}})；$.ajax({url:'b.js',dataType:'json',type:'get',success:function(d){id2=d.item?id;}})alertCidl=，+idl+'，‘+'id2二'+id2);因為那個時候，還沒有理解異步的概念，所以以為，第二次ajax的時候id已經(jīng)有值了，但是運行之后才發(fā)現(xiàn)，變量id其實根本沒被賦值。想要測試上面代碼,點這里也就是這一刻，我真正明白了：ajax是異步的
4、?。。?。傻瓜式解法發(fā)現(xiàn)上面那個方法不能用之后，分析了一下，彈岀undefined是因為彈岀之前id還沒有被賦值，那我保證在彈出之前給id賦值不就解決了嗎？好的，于是我想到了下面這個方法：varidl;$.ajax({url:'/test/json/a.js',dataTypc:'json',type:'get',success:function(d){idl二d.item,id;$.ajax({url:'/test/json/b?js',dataType:'json',type:'get',success:function(f){id2二f?item,id;alert('idl二'+
5、idl+'，‘+'id2=，+id2);}})；}})邏輯雖然止確了，但總覺得怪怪的，如果這里需要歐套3層呢？4層呢？。。。ajax里而嵌套ajax,如果數(shù)據(jù)很多，訪問速度慢，嵌套更多層，會導(dǎo)致性能下降、影響用戶體驗、代碼不好維護等等問題。所以一般不推薦這種方法。總之,這種寫法讓我難以接受。所以思來想去，覺得不妥。。。然后那個時候就在一個前端群里，詢問各種大牛,直到一個大牛告訴我讓我百度一下deferred,后來認(rèn)真學(xué)習(xí)了下，覺得不錯。使用deferred對象deferred對象簡介deferred是jquery中的擴展的一個對象(1.5.0以上的版本支持deferred)。defe
6、r的意思是〃延遲〃，所以deferred對象的含義就是〃延遲〃到未來某個點再執(zhí)行。簡單說，deferred對象就是jQuery的冋調(diào)函數(shù)解決方案。再簡單說，deferred對象用來管理異步操作，而ajax就是一種異步操作。deferred基本語法deferred讓ajax支持新的寫法，代碼如下:$?ajax({url:'/test/json/a.js',dataType:'json',type:，get，})?done(function(){alert(，z成功啦!“)；})?fail(function(){alert(z，失敗了…;})這個大家應(yīng)該都知道?，F(xiàn)在在編輯器敲入ajax,
7、然后冋車，提示的ajax語法結(jié)構(gòu)就是這樣鏈?zhǔn)降膶懛?。done函數(shù)就是ajax請求成功的回到函數(shù)；fail函數(shù)就是ajax請求失敗的回調(diào)函數(shù)。使用deferred的解決方法varajaxl=$?ajax({url:'/test/json/a?js',dataType:'json',type:，get'});varajax2=$.ajax({url:'/test/json/b.js，,dataType:'json',type:，gct，,})；$.when(a
