2018-01-28 AJAX是什么

如何發(fā)請求行疏?

用 form 可以發(fā)請求役耕,但是會刷新頁面或新開頁面
用 a 可以發(fā) get 請求贸铜,但是也會刷新頁面或新開頁面
用 img 可以發(fā) get 請求秽五,但是只能以圖片的形式展示
用 link 可以發(fā) get 請求孽查,但是只能以 CSS、favicon 的形式展示
用 script 可以發(fā) get 請求筝蚕,但是只能以腳本的形式運行

有沒有什么方式可以實現(xiàn)

get卦碾、post铺坞、put起宽、delete 請求都行
想以什么形式展示就以什么形式展示

用form發(fā)
GET請求
http://js.jirengu.com/funix/1/edit
POST請求
http://js.jirengu.com/podod/2/edit

用a標簽發(fā)請求 GET請求


image.png

image.png

用image發(fā)請求,只能以圖片的形式展示


image.png

image.png

用link發(fā)請求


image.png

用script來發(fā)請求


image.png
image.png

請使用原生JS來發(fā)送AJAX請求

給瀏覽器返回了符合html語法的字符串


image.png

open配置


image.png

第3個參數(shù)一定要是異步济榨,即async
一般后面3個參數(shù)可以不寫坯沪,即采用默認的


image.png
image.png

搜xml mime type
結(jié)果是text/xml或者 application/xml

返回XML格式的數(shù)據(jù)


image.png

image.png

計算代碼執(zhí)行時間


image.png

image.png

請求執(zhí)行的時間還是比較長的,即打印的第二行都打印完了擒滑,第一行打印還未執(zhí)行完

readyState的值的含義


image.png

響應有可能是分次返回的


image.png

每1ms問下狀態(tài)

狀態(tài)為4表示請求已經(jīng)把響應下載完畢了


image.png

js manipulate XML 如何用js操作XML 搜


image.png

image.png

image.png

最后獲取XML數(shù)據(jù)


image.png

JSON是門語言

javascript語言精粹

JSON中沒有undefined腐晾、symbol叉弦、function


image.png

XML的數(shù)據(jù)格式太麻煩了,換JSON格式


image.png

字符串
符合JSON對象語法的字符串


image.png
image.png

//////////////////////////////////////////////////////同源策略
問題:為什么form表單提交沒有跨域問題藻糖,而AJAX有
試驗:


image.png

image.png

向百度發(fā)一個GET請求是沒有問題的

如果用AJAX來向百度來發(fā)請求


image.png

image.png

image.png

請求成功了淹冰,但是報了一個錯誤

request.status盡然是0


image.png

同源策略:如果你不是baidu.com頁面里的JS,你就不能向baidu.com這個域名發(fā)起AJAX請求
只有AJAX是不允許的巨柒,其他的圖片樱拴、iframe、form洋满、css晶乔、js、a牺勾、link正罢、script等都可以
只有協(xié)議+端口+域名一模一樣,才允許發(fā)AJAX請求
1驻民、http://baidu.com可以向http://www.baidu.com發(fā)AJAX請求嗎翻具? no
2、http://baidu.com:80 可以向http://baidu.com:81發(fā)AJAX請求嗎川无? no

問題:為什么要有同源策略
比如form表單提交后呛占,會刷新掉頁面,原有的頁面會掛掉懦趋,不會偷新頁面的內(nèi)容晾虑,瀏覽器認為是安全的
而AJAX是可以讀取響應內(nèi)容的,


image.png

比如如果可以讀取另外一個網(wǎng)站的內(nèi)容仅叫,比如錢帜篇,那么問題就大了

如果需要如何解決呢?
1诫咱、用JSONP(但是JSONP不能POST)
2笙隙、用CORS 方法,可以告訴瀏覽器坎缭,我倆一家的竟痰,不要阻止


image.png

8001要訪問8002,后臺寫允許8001訪問(后臺加的一個響應頭)


image.png

CORS跨源資源共享
Cross-Origin Resource Sharing

搜 cors multiple domains

突破同源策略就是跨域

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末掏呼,一起剝皮案震驚了整個濱河市坏快,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌憎夷,老刑警劉巖莽鸿,帶你破解...
    沈念sama閱讀 216,324評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡祥得,警方通過查閱死者的電腦和手機兔沃,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,356評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來级及,“玉大人乒疏,你說我怎么就攤上這事∫梗” “怎么了缰雇?”我有些...
    開封第一講書人閱讀 162,328評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長追驴。 經(jīng)常有香客問我械哟,道長,這世上最難降的妖魔是什么殿雪? 我笑而不...
    開封第一講書人閱讀 58,147評論 1 292
  • 正文 為了忘掉前任暇咆,我火速辦了婚禮,結(jié)果婚禮上丙曙,老公的妹妹穿的比我還像新娘爸业。我一直安慰自己,他們只是感情好亏镰,可當我...
    茶點故事閱讀 67,160評論 6 388
  • 文/花漫 我一把揭開白布扯旷。 她就那樣靜靜地躺著,像睡著了一般索抓。 火紅的嫁衣襯著肌膚如雪钧忽。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,115評論 1 296
  • 那天逼肯,我揣著相機與錄音耸黑,去河邊找鬼。 笑死篮幢,一個胖子當著我的面吹牛大刊,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播三椿,決...
    沈念sama閱讀 40,025評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼缺菌,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了搜锰?” 一聲冷哼從身側(cè)響起伴郁,我...
    開封第一講書人閱讀 38,867評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎纽乱,沒想到半個月后蛾绎,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體昆箕,經(jīng)...
    沈念sama閱讀 45,307評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡鸦列,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,528評論 2 332
  • 正文 我和宋清朗相戀三年租冠,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片薯嗤。...
    茶點故事閱讀 39,688評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡顽爹,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出骆姐,到底是詐尸還是另有隱情镜粤,我是刑警寧澤,帶...
    沈念sama閱讀 35,409評論 5 343
  • 正文 年R本政府宣布玻褪,位于F島的核電站肉渴,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏带射。R本人自食惡果不足惜同规,卻給世界環(huán)境...
    茶點故事閱讀 41,001評論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望窟社。 院中可真熱鬧券勺,春花似錦、人聲如沸灿里。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,657評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽匣吊。三九已至儒拂,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間色鸳,已是汗流浹背侣灶。 一陣腳步聲響...
    開封第一講書人閱讀 32,811評論 1 268
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留缕碎,地道東北人褥影。 一個月前我還...
    沈念sama閱讀 47,685評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像咏雌,于是被迫代替她去往敵國和親凡怎。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,573評論 2 353

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