欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery中的Deferred和promise 的區(qū)別

 更新時(shí)間:2016年04月03日 12:50:54   作者:好JSER  
這篇文章主要介紹了jQuery中的Deferred和promise 的區(qū)別的相關(guān)資料,需要的朋友可以參考下

Deferred和Promise之間有什么區(qū)別呢?

promise

一個(gè)promise就是一個(gè)由 異步函數(shù)返回的對(duì)象 。當(dāng)你想要自己編寫一個(gè)這樣的函數(shù)時(shí)你需要使用一個(gè)deferred。

var promise = $.ajax({
url: "/myServerScript"
});
promise.done(mySuccessFunction); 
promise.fail(myErrorFunction); 
var promise = $.ajax({
url: "/myServerScript"
}); 
promise.then(mySuccessFunction,myErrorFunction); 

使用Promises的好處有以下幾點(diǎn):

你可以多次調(diào)用done()和fail()函數(shù),并使用不同的回調(diào)函數(shù)?;蛟S你的一個(gè)回調(diào)函數(shù)用來(lái)停止動(dòng)畫,一個(gè)用來(lái)發(fā)起一個(gè)新的AJAX請(qǐng)求,一個(gè)用來(lái)將接受到的數(shù)據(jù)展示給用戶。

var promise = $.ajax({ url: "/myServerScript" });
promise.done(myStopAnimationFunction); promise.done(myOtherAjaxFunction); 
promise.done(myShowInfoFunction); promise.fail(myErrorFunction);

即使在AJAX調(diào)用完成之后,你依然可以調(diào)用done()和fail()函數(shù),并且回調(diào)函數(shù)可以立即執(zhí)行。不同的狀態(tài)之間并不會(huì)發(fā)生變量混亂。當(dāng)一個(gè)AJAX調(diào)用結(jié)束時(shí),它保持了一個(gè)成功狀態(tài)或者失敗狀態(tài),這個(gè)狀態(tài)不會(huì)發(fā)生改變。

你可以合并promises。有時(shí)你需要同時(shí)進(jìn)行兩個(gè)AJAX請(qǐng)求并且想要在兩個(gè)AJAX請(qǐng)求都成功時(shí)調(diào)用一個(gè)函數(shù)。為了完成這個(gè)任務(wù),你需要使用一個(gè)新的$.when()函數(shù):

var promise1 = $.ajax("/myServerScript1"); 
var promise2 = $.ajax("/myServerScript2");
$.when(promise1, promise2).done(function(xhrObject1, xhrObject2) { // 處理兩個(gè)XHR對(duì)象 });

deferred

簡(jiǎn)單說(shuō),deferred對(duì)象就是jQuery的回調(diào)函數(shù)解決方案。在英語(yǔ)中,defer的意思是”延遲”,所以deferred對(duì)象的含義就是”延遲”到未來(lái)某個(gè)點(diǎn)再執(zhí)行。

一個(gè) deferred對(duì)象 能做的和一個(gè)promise對(duì)象差不多,但是它有兩個(gè)函數(shù)來(lái)觸發(fā) done()和fail()函數(shù) 。

一個(gè)deferred對(duì)象擁有一個(gè)resolve()函數(shù)來(lái)處理一個(gè)成功的結(jié)果并執(zhí)行與done()相關(guān)的函數(shù)。reject()函數(shù)則用來(lái)處理失敗的結(jié)果并執(zhí)行與fail()相關(guān)的函數(shù)。

你可以給resolve()和reject()函數(shù)都提供參數(shù),然后它們都將傳遞給與done()和fail()相關(guān)的回調(diào)函數(shù)。

總結(jié)

jQuery 的ajax 就是返回一個(gè)promise 對(duì)象,里面含有done(), fail()方法; deferred 就是實(shí)現(xiàn)返回這個(gè)promise 對(duì)象的過程。

相關(guān)文章

  • Jquery常用技巧收集整理篇

    Jquery常用技巧收集整理篇

    jQuery 1.4給開發(fā)者帶來(lái)了很多值得興奮的新特性,同時(shí)使用jQuery的人也越來(lái)越多,為了方便大家對(duì)jQuery的使用,下面列出了一些jQuery使用技巧。
    2010-11-11
  • JQuery.validationEngine表單驗(yàn)證插件(推薦)

    JQuery.validationEngine表單驗(yàn)證插件(推薦)

    這篇文章主要介紹了JQuery.validationEngine表單驗(yàn)證插件(推薦)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-12-12
  • EasyUI創(chuàng)建對(duì)話框的兩種方式

    EasyUI創(chuàng)建對(duì)話框的兩種方式

    對(duì)話框(Dialog)是一個(gè)特殊的窗口(window),可以包含在頂部的工具欄和在底部的按鈕。接下來(lái)通過本文給大家介紹easyui創(chuàng)建對(duì)話框的兩種方式,非常不錯(cuò),感興趣的朋友一起看下吧
    2016-08-08
  • 詳談jQuery中的一些正則匹配表達(dá)式

    詳談jQuery中的一些正則匹配表達(dá)式

    下面小編就為大家?guī)?lái)一篇詳談jQuery中的一些正則匹配表達(dá)式。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧
    2017-03-03
  • jquery實(shí)現(xiàn)自適應(yīng)banner焦點(diǎn)圖

    jquery實(shí)現(xiàn)自適應(yīng)banner焦點(diǎn)圖

    本文主要分享了jquery實(shí)現(xiàn)自適應(yīng)banner焦點(diǎn)圖的示例代碼,具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧
    2017-02-02
  • jQuery$命名沖突怎么辦如何解決

    jQuery$命名沖突怎么辦如何解決

    某些框架也使用 $ 符號(hào)作為簡(jiǎn)寫(就像 jQuery),如果您在用的兩種不同的框架正在使用相同的簡(jiǎn)寫符號(hào),有可能導(dǎo)致腳本停止運(yùn)行,下面有個(gè)不錯(cuò)的解決方法
    2014-01-01
  • jquery獲取css的color值返回RGB的方法

    jquery獲取css的color值返回RGB的方法

    這篇文章主要介紹了jquery獲取css的color值返回RGB的方法,涉及jQuery字符串正則運(yùn)算與數(shù)值轉(zhuǎn)換的相關(guān)技巧,需要的朋友可以參考下
    2015-12-12
  • jquery阻止冒泡事件使用模擬事件

    jquery阻止冒泡事件使用模擬事件

    當(dāng)點(diǎn)擊span的時(shí)候div和body的事件全部觸發(fā)了。要阻止這種發(fā)生并使用模擬事件。具體實(shí)現(xiàn)如下,感興趣的朋友可以參考下
    2013-09-09
  • jQuery獲取table行數(shù)并輸出單元格內(nèi)容的實(shí)現(xiàn)方法

    jQuery獲取table行數(shù)并輸出單元格內(nèi)容的實(shí)現(xiàn)方法

    這篇文章主要介紹了jQuery獲取table行數(shù)并輸出單元格內(nèi)容的實(shí)現(xiàn)方法,涉及jQuery針對(duì)表格與頁(yè)面元素的動(dòng)態(tài)操作技巧,需要的朋友可以參考下
    2016-06-06
  • jquery+css實(shí)現(xiàn)動(dòng)感的圖片切換效果

    jquery+css實(shí)現(xiàn)動(dòng)感的圖片切換效果

    這篇文章主要介紹了jquery+css實(shí)現(xiàn)動(dòng)感的圖片切換效果,效果實(shí)現(xiàn)很精致,動(dòng)畫簡(jiǎn)潔大方,推薦給大家,感興趣的小伙伴們可以參考一下
    2015-11-11

最新評(píng)論