談?wù)勎覍?duì)ajax的認(rèn)識(shí)

ajax在項(xiàng)目當(dāng)中是當(dāng)作異步傳輸模式來做的,異步傳輸是相對(duì)于同步來說的,當(dāng)我們按F5刷新一個(gè)頁面時(shí),那么整個(gè)頁面在瀏覽器當(dāng)中所有的數(shù)據(jù)都會(huì)刷一次,但是如果當(dāng)頁面上有某一塊的數(shù)據(jù)需要變更時(shí)贺辰,那么在這個(gè)時(shí)候調(diào)用ajax,ajax會(huì)刷新這一部分?jǐn)?shù)據(jù)而不用刷新整個(gè)頁面,這就是異步傳輸饲化。

對(duì)于我們實(shí)現(xiàn)ajax來說莽鸭,一般分為這么幾種情況,

第一種是原生ajax吃靠,

第二種jQuery簡化后的ajax硫眨。

原生ajax的使用情況是這樣的:

首先創(chuàng)建ajax的對(duì)象這個(gè)時(shí)候需要考慮兼容性,

然后調(diào)用open()方法打開ajax的鏈接巢块,里面寫請(qǐng)

求數(shù)據(jù)的方式get/post礁阁、請(qǐng)求的路徑、true/false是否異步族奢,鏈接建立后姥闭,服務(wù)器開始執(zhí)行,

調(diào)用send()方法來發(fā)送請(qǐng)求越走,

在這個(gè)過程中需要調(diào)用一個(gè)監(jiān)聽事件onreadyStateChange棚品,在監(jiān)聽的過程中,有5個(gè)狀態(tài)值(readyState)需要注意廊敌,當(dāng)狀態(tài)值為4的時(shí)候表示執(zhí)行完畢铜跑,當(dāng)狀態(tài)碼(status)為200的時(shí)候表示執(zhí)行成功,然后把請(qǐng)求的數(shù)據(jù)輸出(responseText())骡澈,

然后再進(jìn)行遍歷疼进,執(zhí)行頁面的操作,這就是原生的ajax秧廉。

jQuery簡化后的ajax,

$.ajax調(diào)用的時(shí)候里面有幾個(gè)重要的參數(shù):

type拣帽、url疼电、dataType、success减拭、error蔽豺。

這些參數(shù)對(duì)應(yīng)的就是原生ajax的那些值

ajax的優(yōu)點(diǎn):

1、實(shí)現(xiàn)了異步傳輸拧粪,帶來了更好的用戶體驗(yàn)修陡;

2、ajax占用的空余時(shí)間較少可霎,ajax能夠?qū)崿F(xiàn)及時(shí)通訊系統(tǒng)魄鸦,開創(chuàng)了調(diào)用其他接口方便的先河;

ajax的缺點(diǎn):

1癣朗、由于ajax局部刷新數(shù)據(jù)拾因,使服務(wù)器在頻繁的處理請(qǐng)求中速度變慢;

2、使用ajax緩存嚴(yán)重绢记,導(dǎo)致數(shù)據(jù)不同步扁达;

綜上所述,就是我對(duì)ajax的理解蠢熄。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末跪解,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子签孔,更是在濱河造成了極大的恐慌叉讥,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,430評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件骏啰,死亡現(xiàn)場離奇詭異节吮,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)判耕,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,406評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門透绩,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人壁熄,你說我怎么就攤上這事帚豪。” “怎么了草丧?”我有些...
    開封第一講書人閱讀 167,834評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵狸臣,是天一觀的道長。 經(jīng)常有香客問我昌执,道長烛亦,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,543評(píng)論 1 296
  • 正文 為了忘掉前任懂拾,我火速辦了婚禮煤禽,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘岖赋。我一直安慰自己檬果,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,547評(píng)論 6 397
  • 文/花漫 我一把揭開白布唐断。 她就那樣靜靜地躺著选脊,像睡著了一般。 火紅的嫁衣襯著肌膚如雪脸甘。 梳的紋絲不亂的頭發(fā)上恳啥,一...
    開封第一講書人閱讀 52,196評(píng)論 1 308
  • 那天,我揣著相機(jī)與錄音斤程,去河邊找鬼角寸。 笑死菩混,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的扁藕。 我是一名探鬼主播沮峡,決...
    沈念sama閱讀 40,776評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼亿柑!你這毒婦竟也來了邢疙?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,671評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤望薄,失蹤者是張志新(化名)和其女友劉穎疟游,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體痕支,經(jīng)...
    沈念sama閱讀 46,221評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡颁虐,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,303評(píng)論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了卧须。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片另绩。...
    茶點(diǎn)故事閱讀 40,444評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖花嘶,靈堂內(nèi)的尸體忽然破棺而出笋籽,到底是詐尸還是另有隱情,我是刑警寧澤椭员,帶...
    沈念sama閱讀 36,134評(píng)論 5 350
  • 正文 年R本政府宣布车海,位于F島的核電站,受9級(jí)特大地震影響隘击,放射性物質(zhì)發(fā)生泄漏侍芝。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,810評(píng)論 3 333
  • 文/蒙蒙 一埋同、第九天 我趴在偏房一處隱蔽的房頂上張望竭贩。 院中可真熱鬧,春花似錦莺禁、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,285評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至忆绰,卻和暖如春浩峡,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背错敢。 一陣腳步聲響...
    開封第一講書人閱讀 33,399評(píng)論 1 272
  • 我被黑心中介騙來泰國打工翰灾, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留缕粹,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,837評(píng)論 3 376
  • 正文 我出身青樓纸淮,卻偏偏與公主長得像平斩,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子咽块,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,455評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容

  • AJAX 原生js操作ajax 1.創(chuàng)建XMLHttpRequest對(duì)象 var xhr = new XMLHtt...
    碧玉含香閱讀 3,212評(píng)論 0 7
  • 五十三:請(qǐng)解釋 JavaScript 中 this 是如何工作的绘面。1.方法調(diào)用模式當(dāng)一個(gè)函數(shù)被保存為一個(gè)對(duì)象的屬性...
    Arno_z閱讀 581評(píng)論 0 2
  • 在線閱讀 http://interview.poetries.top[http://interview.poetr...
    程序員poetry閱讀 114,421評(píng)論 24 450
  • 這幾天微博上的網(wǎng)友們打起了口水仗。 大抵是媒體在報(bào)道時(shí)不停采用“痛失首金”“憾失金牌”等字眼侈沪,而網(wǎng)友們質(zhì)問為何不以...
    冰搖紅梅黑加侖閱讀 565評(píng)論 0 3