JS手寫 AJAX

AJAX:async(異步) JavaScript and XML(JSON)
簡(jiǎn)單一句話AJAX就是用JS發(fā)送請(qǐng)求和收響應(yīng)

AJAX是瀏覽器上的功能:

  • 瀏覽器可以發(fā)請(qǐng)求解恰,收響應(yīng)
  • 瀏覽器在window上加了一個(gè)XMLHttpRequest函數(shù)
  • 用這個(gè)構(gòu)造函數(shù)(類)可以構(gòu)造出一個(gè)對(duì)象,window.XMLHttpRequest是用來創(chuàng)建XMLRequest對(duì)象的
  • JS通過它實(shí)現(xiàn)發(fā)請(qǐng)求,收響應(yīng)

一共四行
1芒粹、創(chuàng)建對(duì)象
2脐恩、設(shè)置請(qǐng)求方式和路徑
3、發(fā)送消息體
4搀继、監(jiān)聽onreadystatechange事件,在readyState為4且狀態(tài)碼為200和300之間(包含200)或304時(shí)調(diào)用成功回調(diào)否則調(diào)用失敗回調(diào)翠语。

var xhr = new XMLHttpRequest()
//第一個(gè)參數(shù)請(qǐng)求方法叽躯,第二個(gè)請(qǐng)求路徑,第三個(gè)同步還是異步(AJAX只用異步的)肌括,默認(rèn)異步即可点骑。
xhr.open('GET','/xxx',)
//成功之后要有一個(gè)回調(diào)
//但是一般他們想讓你寫這個(gè)函數(shù),準(zhǔn)備狀態(tài)變化
xhr.onreadystatechange = function(){
   if(xhr.readyState === 4){ //1234各有不同的涵義 之前筆記有 mdn readyState也可
    if(request.status>=200 && request.status<300||request.status === 304){//304表示內(nèi)容沒有更改
      success(xhr) //success是你定義好的回調(diào)
    }  else{
      fail(xhr)  
    }
  }
}
//請(qǐng)求體(GET 請(qǐng)求體空的(就算你寫了也不會(huì)發(fā)送) POST 傳一個(gè)JSON數(shù)據(jù))
xhr.send('{"name":"frank"}')

http://www.reibang.com/p/e4833acaef0b

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子黑滴,更是在濱河造成了極大的恐慌憨募,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,681評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件袁辈,死亡現(xiàn)場(chǎng)離奇詭異菜谣,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)晚缩,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門尾膊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人荞彼,你說我怎么就攤上這事冈敛。” “怎么了卿泽?”我有些...
    開封第一講書人閱讀 169,421評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵莺债,是天一觀的道長。 經(jīng)常有香客問我签夭,道長齐邦,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,114評(píng)論 1 300
  • 正文 為了忘掉前任第租,我火速辦了婚禮措拇,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘慎宾。我一直安慰自己丐吓,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,116評(píng)論 6 398
  • 文/花漫 我一把揭開白布趟据。 她就那樣靜靜地躺著券犁,像睡著了一般。 火紅的嫁衣襯著肌膚如雪汹碱。 梳的紋絲不亂的頭發(fā)上粘衬,一...
    開封第一講書人閱讀 52,713評(píng)論 1 312
  • 那天,我揣著相機(jī)與錄音咳促,去河邊找鬼稚新。 笑死,一個(gè)胖子當(dāng)著我的面吹牛跪腹,可吹牛的內(nèi)容都是我干的褂删。 我是一名探鬼主播,決...
    沈念sama閱讀 41,170評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼冲茸,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼屯阀!你這毒婦竟也來了缅帘?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,116評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤难衰,失蹤者是張志新(化名)和其女友劉穎股毫,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體召衔,經(jīng)...
    沈念sama閱讀 46,651評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,714評(píng)論 3 342
  • 正文 我和宋清朗相戀三年祭陷,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了苍凛。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,865評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡兵志,死狀恐怖醇蝴,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情想罕,我是刑警寧澤悠栓,帶...
    沈念sama閱讀 36,527評(píng)論 5 351
  • 正文 年R本政府宣布,位于F島的核電站按价,受9級(jí)特大地震影響惭适,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜楼镐,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,211評(píng)論 3 336
  • 文/蒙蒙 一癞志、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧框产,春花似錦凄杯、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至描睦,卻和暖如春膊存,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背酌摇。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評(píng)論 1 274
  • 我被黑心中介騙來泰國打工膝舅, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人窑多。 一個(gè)月前我還...
    沈念sama閱讀 49,299評(píng)論 3 379
  • 正文 我出身青樓仍稀,卻偏偏與公主長得像,于是被迫代替她去往敵國和親埂息。 傳聞我的和親對(duì)象是個(gè)殘疾皇子技潘,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,870評(píng)論 2 361

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