第三章 AJAX

一革屠,ajax

1-1.ajax的概念:

? ? ? ? ajax是一種用于與后臺(tái)進(jìn)行異步數(shù)據(jù)交互的技術(shù)凿试,稱(chēng)之為"異步的javascript and xml"

? ? ? ? 全稱(chēng):Asynchronous?javascript and xml,是一種在無(wú)需重新加載整個(gè)網(wǎng)頁(yè)的情況下,能夠更新網(wǎng)頁(yè)局部數(shù)據(jù)的技術(shù)似芝。

1-2.ajax的優(yōu)勢(shì):

? ??????按需取數(shù)據(jù)那婉。

? ? ????頁(yè)面無(wú)刷新。

? ? ????減少帶寬党瓮,降低成本

? ? ????請(qǐng)求速度快

? ? ????提升用戶(hù)體驗(yàn)详炬。

1-3.ajax原理:

? ? 客戶(hù)端通過(guò)XMLHttpRequest向服務(wù)器發(fā)送一個(gè)請(qǐng)求,服務(wù)器響應(yīng)數(shù)據(jù)寞奸,返回給XMLHttpRequest呛谜,在XMLHttpRequest對(duì)象的成功回調(diào)中通過(guò)DOM操作把數(shù)據(jù)展示在頁(yè)面

1-4.請(qǐng)求步驟:

a.創(chuàng)建一個(gè)XMLHttpRequest對(duì)象?? ?

????????var xhr = new?XMLHttpRequest();

????老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveX 對(duì)象:

? ??????variable=new ActiveXObject("Microsoft.XMLHTTP");

? ? 兼容寫(xiě)法:

??? ?var xhr = null;? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

? ? ? ??if(window.XMLHttpRequest){? ? ? ??

?? ??? ?????????xhr = new XMLHttpRequest();

? ???????}else{? ? ? ?

? ???????????????xhr = new ActiveXObject("Microsoft.XMLHTTP");? ? ??

?????????}

b,調(diào)用xhr的open方法

c,調(diào)用xhr的send方法

d,對(duì)請(qǐng)求狀態(tài)監(jiān)聽(tīng)

1-5:ajax的readyState狀態(tài)

1-6: http響應(yīng)狀態(tài)碼說(shuō)明:? ? ? ??

??????????1**:請(qǐng)求收到,繼續(xù)處理

??????????2**:操作成功收到枪萄,分析隐岛、接受

??????????3**:完成此請(qǐng)求必須進(jìn)一步處理

??????????4**:請(qǐng)求包含一個(gè)錯(cuò)誤語(yǔ)法或不能完成

??????????5**:服務(wù)器執(zhí)行一個(gè)完全有效請(qǐng)求失敗

??????????100——客戶(hù)必須繼續(xù)發(fā)出請(qǐng)求

??????????101——客戶(hù)要求服務(wù)器根據(jù)請(qǐng)求轉(zhuǎn)換HTTP協(xié)議版本

??????????200——交易成功

??????????201——提示知道新文件的URL

??????????202——接受和處理、但處理未完成

??????????203——返回信息不確定或不完整

??????????204——請(qǐng)求收到瓷翻,但返回信息為空

??????????205——服務(wù)器完成了請(qǐng)求聚凹,用戶(hù)代理必須復(fù)位當(dāng)前已經(jīng)瀏覽過(guò)的文件

??????????206——服務(wù)器已經(jīng)完成了部分用戶(hù)的GET請(qǐng)求

??????????300——請(qǐng)求的資源可在多處得到

??????????301——?jiǎng)h除請(qǐng)求數(shù)據(jù)

??????????302——在其他地址發(fā)現(xiàn)了請(qǐng)求數(shù)據(jù)

??????????303——建議客戶(hù)訪(fǎng)問(wèn)其他URL或訪(fǎng)問(wèn)方式

??????????304——客戶(hù)端已經(jīng)執(zhí)行了GET,但文件未變化

??????????305——請(qǐng)求的資源必須從服務(wù)器指定的地址得到

??????????306——前一版本HTTP中使用的代碼齐帚,現(xiàn)行版本中不再使用

??????????307——申明請(qǐng)求的資源臨時(shí)性刪除

??????????400——錯(cuò)誤請(qǐng)求妒牙,如語(yǔ)法錯(cuò)誤

??????????401——請(qǐng)求授權(quán)失敗

??????????402——保留有效ChargeTo頭響應(yīng)

??????????403——請(qǐng)求不允許

??????????404——沒(méi)有發(fā)現(xiàn)文件、查詢(xún)或URl

??????????405——用戶(hù)在Request-Line字段定義的方法不允許

??????????406——根據(jù)用戶(hù)發(fā)送的Accept拖对妄,請(qǐng)求資源不可訪(fǎng)問(wèn)

??????????407——類(lèi)似401湘今,用戶(hù)必須首先在代理服務(wù)器上得到授權(quán)

??????????408——客戶(hù)端沒(méi)有在用戶(hù)指定的餓時(shí)間內(nèi)完成請(qǐng)求

??????????409——對(duì)當(dāng)前資源狀態(tài),請(qǐng)求不能完成

??????????410——服務(wù)器上不再有此資源且無(wú)進(jìn)一步的參考地址

??????????411——服務(wù)器拒絕用戶(hù)定義的Content-Length屬性請(qǐng)求

??????????412——一個(gè)或多個(gè)請(qǐng)求頭字段在當(dāng)前請(qǐng)求中錯(cuò)誤

??????????413——請(qǐng)求的資源大于服務(wù)器允許的大小

??????????414——請(qǐng)求的資源URL長(zhǎng)于服務(wù)器允許的長(zhǎng)度

??????????415——請(qǐng)求資源不支持請(qǐng)求項(xiàng)目格式

??????????416——請(qǐng)求中包含Range請(qǐng)求頭字段饥伊,在當(dāng)前請(qǐng)求資源范圍內(nèi)沒(méi)有range指示值象浑,請(qǐng)求也不包含If-Range請(qǐng)求頭字段

??????????417——服務(wù)器不滿(mǎn)足請(qǐng)求Expect頭字段指定的期望值,如果是代理服務(wù)器琅豆,可能是下一級(jí)服務(wù)器不能滿(mǎn)足請(qǐng)求

??????????500——服務(wù)器產(chǎn)生內(nèi)部錯(cuò)誤

??????????501——服務(wù)器不支持請(qǐng)求的函數(shù)

??????????502——服務(wù)器暫時(shí)不可用愉豺,有時(shí)是為了防止發(fā)生系統(tǒng)過(guò)載

??????????503——服務(wù)器過(guò)載或暫停維修

??????????504——關(guān)口過(guò)載,服務(wù)器使用另一個(gè)關(guān)口或服務(wù)來(lái)響應(yīng)用戶(hù)茫因,等待時(shí)間

二蚪拦,編寫(xiě)接口

<?php // 接口文件:index.php

? ? ? ? ?date_default_timezone_set('PRC');???//設(shè)置為中國(guó)時(shí)區(qū)

????? ? ?echo date("Y-m-d H-i-s",time());???//輸出當(dāng)前時(shí)間

?>

ajax請(qǐng)求,輸出接口響應(yīng)的的時(shí)間顯示在頁(yè)面

三.緩存處理:

? ? ? ? 以上代碼,在ie中輸出的一直是第一次請(qǐng)求的時(shí)間驰贷,刷新頁(yè)面無(wú)效盛嘿,原因是:在默認(rèn)情況下,IE會(huì)針對(duì)請(qǐng)求地址緩存Ajax請(qǐng)求的結(jié)果括袒。換句話(huà)說(shuō)次兆,在緩存過(guò)期之前,針對(duì)相同地址發(fā)起的多個(gè)Ajax請(qǐng)求锹锰,只有第一次會(huì)真正發(fā)送到服務(wù)端芥炭。在某些情況下,這種默認(rèn)的緩存機(jī)制并不是我們希望的

處理辦法:在url后跟隨一個(gè)隨機(jī)數(shù)或當(dāng)前時(shí)間毫秒數(shù)恃慧,因?yàn)檫@個(gè)值的不同园蝠,瀏覽器會(huì)認(rèn)為這個(gè)請(qǐng)求是一個(gè)與上一次不同的請(qǐng)求。

四ie的編碼處理

? ? ? ? 在get請(qǐng)求中痢士,ie返回的是瀏覽器編碼后的字符彪薛,因此需要對(duì)中文進(jìn)行URI轉(zhuǎn)碼處理,再發(fā)送請(qǐng)求

五.post請(qǐng)求

六.data參數(shù)序列化

七.get請(qǐng)求封裝

八.post請(qǐng)求封裝

九.完全封裝

十怠蹂,用戶(hù)名唯一驗(yàn)證

十一善延,搜索下拉提示

十二,瀑布流(面向?qū)ο螅?/p>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末褥蚯,一起剝皮案震驚了整個(gè)濱河市挚冤,隨后出現(xiàn)的幾起案子况增,更是在濱河造成了極大的恐慌赞庶,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,252評(píng)論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件澳骤,死亡現(xiàn)場(chǎng)離奇詭異歧强,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)为肮,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,886評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén)摊册,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人颊艳,你說(shuō)我怎么就攤上這事茅特。” “怎么了棋枕?”我有些...
    開(kāi)封第一講書(shū)人閱讀 168,814評(píng)論 0 361
  • 文/不壞的土叔 我叫張陵白修,是天一觀(guān)的道長(zhǎng)。 經(jīng)常有香客問(wèn)我重斑,道長(zhǎng)兵睛,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,869評(píng)論 1 299
  • 正文 為了忘掉前任,我火速辦了婚禮祖很,結(jié)果婚禮上笛丙,老公的妹妹穿的比我還像新娘。我一直安慰自己假颇,他們只是感情好胚鸯,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,888評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著笨鸡,像睡著了一般蠢琳。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上镜豹,一...
    開(kāi)封第一講書(shū)人閱讀 52,475評(píng)論 1 312
  • 那天傲须,我揣著相機(jī)與錄音,去河邊找鬼趟脂。 笑死泰讽,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的昔期。 我是一名探鬼主播已卸,決...
    沈念sama閱讀 41,010評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼硼一!你這毒婦竟也來(lái)了累澡?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,924評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤般贼,失蹤者是張志新(化名)和其女友劉穎愧哟,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體哼蛆,經(jīng)...
    沈念sama閱讀 46,469評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蕊梧,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,552評(píng)論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了腮介。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片肥矢。...
    茶點(diǎn)故事閱讀 40,680評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖叠洗,靈堂內(nèi)的尸體忽然破棺而出甘改,到底是詐尸還是另有隱情,我是刑警寧澤灭抑,帶...
    沈念sama閱讀 36,362評(píng)論 5 351
  • 正文 年R本政府宣布十艾,位于F島的核電站,受9級(jí)特大地震影響名挥,放射性物質(zhì)發(fā)生泄漏疟羹。R本人自食惡果不足惜主守,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,037評(píng)論 3 335
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望榄融。 院中可真熱鬧参淫,春花似錦、人聲如沸愧杯。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,519評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)力九。三九已至耍铜,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間跌前,已是汗流浹背棕兼。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,621評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留抵乓,地道東北人伴挚。 一個(gè)月前我還...
    沈念sama閱讀 49,099評(píng)論 3 378
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像灾炭,于是被迫代替她去往敵國(guó)和親茎芋。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,691評(píng)論 2 361

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

  • Swift1> Swift和OC的區(qū)別1.1> Swift沒(méi)有地址/指針的概念1.2> 泛型1.3> 類(lèi)型嚴(yán)謹(jǐn) 對(duì)...
    cosWriter閱讀 11,113評(píng)論 1 32
  • 一蜈出、簡(jiǎn)歷準(zhǔn)備 1田弥、個(gè)人技能 (1)自定義控件、UI設(shè)計(jì)铡原、常用動(dòng)畫(huà)特效 自定義控件 ①為什么要自定義控件偷厦? Andr...
    lucas777閱讀 5,218評(píng)論 2 54
  • PNG 有PNG8和truecolor PNG PNG8類(lèi)似GIF顏色上限為256,文件小眷蜈,支持alpha透明度沪哺,...
    hudaren閱讀 1,537評(píng)論 0 0
  • 面試題一:https://github.com/jimuyouyou/node-interview-questio...
    R_X閱讀 1,626評(píng)論 0 5
  • 尹總請(qǐng)客吃飯榴啸,尹總,裝飾公司老板晚岭,最賺錢(qián)的裝飾公司之一鸥印,之所以賺錢(qián),是因?yàn)閳?chǎng)地小,但是單量多库说,一年300單以上的單...
    邱江濤QJT閱讀 4,144評(píng)論 10 8