xhr(二)

一、xhr超時(shí)
XHR對(duì)象的timeout屬性等于一個(gè)整數(shù)灿意,表示多少毫秒后估灿,如果請(qǐng)求仍然沒(méi)有得到結(jié)果,就會(huì)自動(dòng)終止缤剧。該屬性默認(rèn)等于0馅袁,表示沒(méi)有時(shí)間限制。
如果請(qǐng)求超時(shí)荒辕,將觸發(fā)ontimeout事件(IE8不支持)

var xhr = new XMLHttpRequest();
xhr.open('post','test.php',true);
xhr.ontimeout = function(){
    console.log('The request timed out.');
}
xhr.timeout = 1000;
xhr.send();

二汗销、跨域請(qǐng)求

xhr.withCredentials = true;
xhr.setRequestHeader('X-Request-With', "XMLHttpRequest");

只有客戶端設(shè)置這個(gè)值還不能跨域,還需要服務(wù)端同意才行抵窒。

Access-Control-Allow-Credentials: true;

還有一點(diǎn)要注意的弛针,返回頭Access-Control-Allow-Origin的值不能為星號(hào),必須是指定的域估脆,否則cookie等認(rèn)證信息也是發(fā)送不了钦奋。

三、優(yōu)化
使用AJAX接收數(shù)據(jù)時(shí)疙赠,由于網(wǎng)絡(luò)和數(shù)據(jù)大小的原因付材,并不是立刻就可以在頁(yè)面中顯示出來(lái)。所以圃阳,更好的做法是厌衔,在接受數(shù)據(jù)的過(guò)程中,顯示一個(gè)類似loading的小圖片捍岳,并且禁用按鈕富寿;當(dāng)數(shù)據(jù)完全接收后睬隶,再隱藏該圖片,并啟用按鈕

四页徐、其他
1.停止當(dāng)前請(qǐng)求

xhr.abort();

2.把HTTP請(qǐng)求的所有響應(yīng)首部作為鍵/值對(duì)返回

xhr.getAllResponseHeaders();

3.返回指定首部的串值

xhr.getResponseHeader("header");

4.把指定首部設(shè)置為所提供的值

xhr.setRequestHeader("header", "value");//在設(shè)置任何首部之前必須先調(diào)用open()苏潜。設(shè)置header并和請(qǐng)求一起發(fā)送 ('post'方法一定要 )

5.監(jiān)聽(tīng)文件上傳進(jìn)度

xhr.upload.addEventListener("progress", function(e){...}, false);
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市变勇,隨后出現(xiàn)的幾起案子恤左,更是在濱河造成了極大的恐慌,老刑警劉巖搀绣,帶你破解...
    沈念sama閱讀 211,123評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件飞袋,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡链患,警方通過(guò)查閱死者的電腦和手機(jī)巧鸭,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評(píng)論 2 384
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)麻捻,“玉大人纲仍,你說(shuō)我怎么就攤上這事⌒痉簦” “怎么了巷折?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,723評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)崖咨。 經(jīng)常有香客問(wèn)我锻拘,道長(zhǎng),這世上最難降的妖魔是什么击蹲? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,357評(píng)論 1 283
  • 正文 為了忘掉前任署拟,我火速辦了婚禮,結(jié)果婚禮上歌豺,老公的妹妹穿的比我還像新娘推穷。我一直安慰自己,他們只是感情好类咧,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,412評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布馒铃。 她就那樣靜靜地躺著,像睡著了一般痕惋。 火紅的嫁衣襯著肌膚如雪区宇。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,760評(píng)論 1 289
  • 那天值戳,我揣著相機(jī)與錄音议谷,去河邊找鬼。 笑死堕虹,一個(gè)胖子當(dāng)著我的面吹牛卧晓,可吹牛的內(nèi)容都是我干的芬首。 我是一名探鬼主播,決...
    沈念sama閱讀 38,904評(píng)論 3 405
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼逼裆,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼郁稍!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起波附,我...
    開(kāi)封第一講書(shū)人閱讀 37,672評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤艺晴,失蹤者是張志新(化名)和其女友劉穎昼钻,沒(méi)想到半個(gè)月后掸屡,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,118評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡然评,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,456評(píng)論 2 325
  • 正文 我和宋清朗相戀三年仅财,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片碗淌。...
    茶點(diǎn)故事閱讀 38,599評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡盏求,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出亿眠,到底是詐尸還是另有隱情碎罚,我是刑警寧澤,帶...
    沈念sama閱讀 34,264評(píng)論 4 328
  • 正文 年R本政府宣布纳像,位于F島的核電站荆烈,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏竟趾。R本人自食惡果不足惜憔购,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,857評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望岔帽。 院中可真熱鬧玫鸟,春花似錦、人聲如沸犀勒。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,731評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)贾费。三九已至钦购,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間铸本,已是汗流浹背肮雨。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,956評(píng)論 1 264
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留箱玷,地道東北人怨规。 一個(gè)月前我還...
    沈念sama閱讀 46,286評(píng)論 2 360
  • 正文 我出身青樓陌宿,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親波丰。 傳聞我的和親對(duì)象是個(gè)殘疾皇子壳坪,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,465評(píng)論 2 348

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

  • Ajax和XMLHttpRequest 我們通常將Ajax等同于XMLHttpRequest,但細(xì)究起來(lái)它們兩個(gè)是...
    changxiaonan閱讀 2,229評(píng)論 0 2
  • 國(guó)家電網(wǎng)公司企業(yè)標(biāo)準(zhǔn)(Q/GDW)- 面向?qū)ο蟮挠秒娦畔?shù)據(jù)交換協(xié)議 - 報(bào)批稿:20170802 前言: 排版 ...
    庭說(shuō)閱讀 10,917評(píng)論 6 13
  • 本文詳細(xì)介紹了 XMLHttpRequest 相關(guān)知識(shí)掰烟,涉及內(nèi)容: AJAX爽蝴、XMLHTTP、XMLHttpReq...
    semlinker閱讀 13,632評(píng)論 2 18
  • 本文是《圖解HTTP》讀書(shū)筆記的第二篇纫骑,主要包括此書(shū)的第六章內(nèi)容蝎亚,因?yàn)榈诹碌膬?nèi)容較多,而且比較重要先馆,所以單獨(dú)寫(xiě)為...
    lijiankun24閱讀 1,357評(píng)論 0 6
  • 看到標(biāo)題時(shí)煤墙,有些同學(xué)可能會(huì)想:“我已經(jīng)用xhr成功地發(fā)過(guò)很多個(gè)Ajax請(qǐng)求了梅惯,對(duì)它的基本操作已經(jīng)算挺熟練了》乱埃” 我...
    前端渣渣閱讀 5,755評(píng)論 1 12