AJAX小結(jié)

首先要明確一個問題百框,AJAX是什么,為什么要用AJAX?

Q1:什么是AJAX

A1:AJAX==>Asynchronous JavaScript and XML==>異步的JavaScript和XML

是與服務(wù)器交換數(shù)據(jù)姑曙,并能夠在無需加載整個頁面的情況下更新部分頁面(即:異步局部更新);AJAX的基礎(chǔ)是XMLHttpRequest,用于在后臺與服務(wù)器交換數(shù)據(jù)

【AJAX包含的技術(shù):XHTML+CSS;使用DOM進(jìn)行動態(tài)顯示與交互佩研;使用XML和XSLT進(jìn)行數(shù)據(jù)交換以及相關(guān)操作;使用XMLHttpRequest進(jìn)行異步數(shù)據(jù)查詢霞揉;使用JS將所有東西聯(lián)系起來】

Q2:為什么要使用AJAX旬薯?

A2:因為傳統(tǒng)的網(wǎng)頁想要更新內(nèi)容或者提交一個表單的時候需要重新加載整個頁面

【A:通過異步模式提升了用戶體驗;優(yōu)化了瀏覽器和服務(wù)器之間的傳輸零聚,減少了不必要的數(shù)據(jù)往返袍暴,減少了帶寬占用;AJAX引擎在客戶端運行隶症,承擔(dān)了一部分本來由服務(wù)器承擔(dān)的工作,從而減少了大量用戶下的服務(wù)器負(fù)載】

Q3:同步與異步岗宣?

怎樣理解同步異步和阻塞非阻塞 - 簡書

然后蚂会,來看看一個AJAX的實現(xiàn)流程是怎樣的:

1)創(chuàng)建XMLHttpRequest對象

2)創(chuàng)建一個新的Http請求,并指定該HTTP請求的方法

2.1

【URL是服務(wù)器上文件的路徑耗式,可以是絕對路徑也可以是相對路徑】

【如果是POST方法就對send(string)進(jìn)行參數(shù)設(shè)置胁住;如果你需要向提交表單那樣POST數(shù)據(jù)趁猴,使用setRequestHeader(header,value);當(dāng)然如果是要用GET方法提交數(shù)據(jù),那么可以在URL中加入需要的參數(shù)】

2.2

【GET請求更簡單更快彪见,大部分情況下都可以使用儡司,但是在一下情況下使用POST:a:更新服務(wù)器上的文件或數(shù)據(jù)庫;b:向服務(wù)器發(fā)送大量數(shù)據(jù)余指,因為POST沒有數(shù)量限制捕犬;c:發(fā)送包含未知字符的用戶輸入時,POST比GET更穩(wěn)定更可靠】

【async的選擇酵镜,使用AJAX必須設(shè)置為true碉碉。async=true ==>異步,在等待服務(wù)器響應(yīng)時可以執(zhí)行其他的腳本淮韭,當(dāng)響應(yīng)后就對響應(yīng)進(jìn)行處理垢粮,在onreadystatechange中寫執(zhí)行函數(shù);async=false =>同步靠粪,JS會等到服務(wù)器響應(yīng)就緒以后才繼續(xù)執(zhí)行蜡吧,如果服務(wù)器忙或者緩慢,程序?qū)⒈粧炱鸹蛲V拐技藭r不需要寫onreadystatechange】

3)服務(wù)器響應(yīng)請求斩跌,并做出響應(yīng)的處理,在readystate==4&&status==200時

3.0

【responseText:得到字符串形式的數(shù)據(jù)捞慌,json串耀鸦,可以用JSON.parse()來轉(zhuǎn)換;responseXML:得到XML形式的響應(yīng)數(shù)據(jù)啸澡⌒涠】

【onraedystatechange會觸發(fā)5次,分別對應(yīng)0~4的狀態(tài)變化嗅虏,即:0=請求未初始化洛姑;1=服務(wù)器鏈接已建立(open方法成功調(diào)用后);2=請求已經(jīng)接收(表示服務(wù)器答應(yīng)了客戶端的請求)皮服;3=請求處理中楞艾;4=請求已經(jīng)完成,且響應(yīng)就緒】

4)請求的數(shù)據(jù)在頁面進(jìn)行局部刷新(顯示)




====

未完待續(xù)...........

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末龄广,一起剝皮案震驚了整個濱河市硫眯,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌择同,老刑警劉巖两入,帶你破解...
    沈念sama閱讀 207,248評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異敲才,居然都是意外死亡裹纳,警方通過查閱死者的電腦和手機(jī)择葡,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,681評論 2 381
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來剃氧,“玉大人敏储,你說我怎么就攤上這事∨蟀埃” “怎么了已添?”我有些...
    開封第一講書人閱讀 153,443評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長番舆。 經(jīng)常有香客問我酝碳,道長,這世上最難降的妖魔是什么恨狈? 我笑而不...
    開封第一講書人閱讀 55,475評論 1 279
  • 正文 為了忘掉前任疏哗,我火速辦了婚禮,結(jié)果婚禮上禾怠,老公的妹妹穿的比我還像新娘返奉。我一直安慰自己,他們只是感情好吗氏,可當(dāng)我...
    茶點故事閱讀 64,458評論 5 374
  • 文/花漫 我一把揭開白布芽偏。 她就那樣靜靜地躺著,像睡著了一般弦讽。 火紅的嫁衣襯著肌膚如雪污尉。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,185評論 1 284
  • 那天往产,我揣著相機(jī)與錄音被碗,去河邊找鬼。 笑死仿村,一個胖子當(dāng)著我的面吹牛锐朴,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播蔼囊,決...
    沈念sama閱讀 38,451評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼焚志,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了畏鼓?” 一聲冷哼從身側(cè)響起酱酬,我...
    開封第一講書人閱讀 37,112評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎滴肿,沒想到半個月后岳悟,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,609評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡泼差,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,083評論 2 325
  • 正文 我和宋清朗相戀三年贵少,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片堆缘。...
    茶點故事閱讀 38,163評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡滔灶,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出吼肥,到底是詐尸還是另有隱情录平,我是刑警寧澤,帶...
    沈念sama閱讀 33,803評論 4 323
  • 正文 年R本政府宣布缀皱,位于F島的核電站斗这,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏啤斗。R本人自食惡果不足惜表箭,卻給世界環(huán)境...
    茶點故事閱讀 39,357評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望钮莲。 院中可真熱鬧免钻,春花似錦、人聲如沸崔拥。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,357評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽赌渣。三九已至玄坦,卻和暖如春掠械,著一層夾襖步出監(jiān)牢的瞬間乏奥,已是汗流浹背豪墅。 一陣腳步聲響...
    開封第一講書人閱讀 31,590評論 1 261
  • 我被黑心中介騙來泰國打工裆悄, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留浪蹂,地道東北人肥卡。 一個月前我還...
    沈念sama閱讀 45,636評論 2 355
  • 正文 我出身青樓溪掀,卻偏偏與公主長得像,于是被迫代替她去往敵國和親步鉴。 傳聞我的和親對象是個殘疾皇子揪胃,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,925評論 2 344

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

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)氛琢。 注意:講述HT...
    kismetajun閱讀 27,424評論 1 45
  • AJAX 原生js操作ajax 1.創(chuàng)建XMLHttpRequest對象 var xhr = new XMLHtt...
    碧玉含香閱讀 3,173評論 0 7
  • ??2005 年阳似,Jesse James Garrett 發(fā)表了一篇在線文章骚勘,題為“Ajax: A new App...
    霜天曉閱讀 883評論 0 1
  • AJAX = Asynchronous JavaScript and XML(異步的 JavaScript 和 X...
    hx永恒之戀閱讀 6,868評論 7 135
  • 我曾看過《科幻世界》雜志上的一個故事俏讹,說的是一個生物學(xué)家死在家中当宴,警察在調(diào)查他的死亡原因,結(jié)果調(diào)查來調(diào)查去泽疆,發(fā)現(xiàn)種...
    醒時做夢閱讀 228評論 0 0