JSONP_跨域

題目1: 什么是同源策略

所謂同源是指,域名,協(xié)議趣避,端口相同洼裤。假如沒有同源策略,你現(xiàn)在打開了瀏覽器,在一 個窗口中打開了銀行網(wǎng)站,在另外一個tab窗口中打開了一個惡意網(wǎng)站,而那個惡意網(wǎng)站掛了一個的專門修改銀行信息的JavaScript肤视,當(dāng)你訪問 這個惡意網(wǎng)站并且執(zhí)行它JavaScript時,你的銀行頁面就會被這個JavaScript修改涉枫,后果會非常嚴(yán)重邢滑。

本域指的是?
同協(xié)議:如都是http或者https
同域名:如都是http://jirengu.com/ahttp://jirengu.com/b
同端口:如都是80端口

如:
http://jirengu.com/a/b.jshttp://jirengu.com/index.php (同源)

不同源的例子:
http://jirengu.com/main.jshttps://jirengu.com/a.php (協(xié)議不同)
http://jirengu.com/main.jshttp://bbs.jirengu.com/a.php (域名不同愿汰,域名必須完全相同才可以)
http://jiengu.com/main.jshttp://jirengu.com:8080/a.php (端口不同,第一個是80)

需要注意的是: 對于當(dāng)前頁面來說頁面存放的 JS 文件的域不重要困后,重要的是加載該 JS 頁面所在什么域,也就是我們平常再script標(biāo)簽中能夠引入其他域

題目2: 什么是跨域衬廷?跨域有幾種實現(xiàn)形式

跨域顧名思義就是突破同源策略的限制摇予,去不同的域下訪問數(shù)據(jù)。 主要有如下幾種實現(xiàn)形式:

jsonp
CORS:跨域資源共享(Cross-Origin Resource Sharing)
降域
postMessage()

題目3: JSONP 的原理是什么

1.首先在客戶端注冊一個callback, 然后把callback的名字傳給服務(wù)器吗跋。
2.服務(wù)器先生成 json 數(shù)據(jù)侧戴。
3.然后以 javascript 語法的方式,生成一個function , function 名字就是傳遞上來的參數(shù) jsonp.
4.最后將 json 數(shù)據(jù)直接以入?yún)⒌姆绞降穑胖玫?function 中酗宋,這樣就生成了一段 js 語法的文檔,返回給客戶端疆拘。
5.客戶端瀏覽器蜕猫,解析script標(biāo)簽,并執(zhí)行返回的 javascript 文檔哎迄,此時數(shù)據(jù)作為參數(shù)回右,傳入到了客戶端預(yù)先定義好的 callback 函數(shù)里.

題目4: CORS是什么

跨域資源共享,簡單來說就是指定哪些符合條件的域名下的請求是被接受的稀颁,其他的都阻止。

實現(xiàn)方式是楣黍,當(dāng)你使用XMLHttpRequest發(fā)送請求時,瀏覽器發(fā)現(xiàn)該請求不符合同源策略棱烂,會給該請求加一個請求頭:Origin租漂,后臺進行一系列處理,如果確定接受請求則在返回結(jié)果中加入一個響應(yīng)頭:Access-Control-Allow-Origin; 瀏覽器判斷該相應(yīng)頭中是否包含Origin 的值颊糜,如果有則瀏覽器會處理響應(yīng)哩治,我們就可以拿到響應(yīng)數(shù)據(jù),如果不包含瀏覽器直接駁回衬鱼,這時我們無法拿到響應(yīng)數(shù)據(jù)业筏。

題目5: 根據(jù)視頻里的講解演示三種以上跨域的解決方式

JSONP方法:


Paste_Image.png

返回結(jié)果為:

s
Paste_Image.png

CORS:

Paste_Image.png
Paste_Image.png

跨域:

Paste_Image.png
Paste_Image.png
Paste_Image.png

PostMessage:

Paste_Image.png
Paste_Image.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市鸟赫,隨后出現(xiàn)的幾起案子蒜胖,更是在濱河造成了極大的恐慌,老刑警劉巖抛蚤,帶你破解...
    沈念sama閱讀 218,546評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件台谢,死亡現(xiàn)場離奇詭異,居然都是意外死亡岁经,警方通過查閱死者的電腦和手機朋沮,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,224評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來缀壤,“玉大人樊拓,你說我怎么就攤上這事√聊剑” “怎么了筋夏?”我有些...
    開封第一講書人閱讀 164,911評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長苍糠。 經(jīng)常有香客問我叁丧,道長,這世上最難降的妖魔是什么岳瞭? 我笑而不...
    開封第一講書人閱讀 58,737評論 1 294
  • 正文 為了忘掉前任拥娄,我火速辦了婚禮,結(jié)果婚禮上瞳筏,老公的妹妹穿的比我還像新娘稚瘾。我一直安慰自己,他們只是感情好姚炕,可當(dāng)我...
    茶點故事閱讀 67,753評論 6 392
  • 文/花漫 我一把揭開白布摊欠。 她就那樣靜靜地躺著丢烘,像睡著了一般。 火紅的嫁衣襯著肌膚如雪些椒。 梳的紋絲不亂的頭發(fā)上播瞳,一...
    開封第一講書人閱讀 51,598評論 1 305
  • 那天,我揣著相機與錄音免糕,去河邊找鬼赢乓。 笑死,一個胖子當(dāng)著我的面吹牛石窑,可吹牛的內(nèi)容都是我干的牌芋。 我是一名探鬼主播,決...
    沈念sama閱讀 40,338評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼松逊,長吁一口氣:“原來是場噩夢啊……” “哼躺屁!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起经宏,我...
    開封第一講書人閱讀 39,249評論 0 276
  • 序言:老撾萬榮一對情侶失蹤犀暑,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后烛恤,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體母怜,經(jīng)...
    沈念sama閱讀 45,696評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,888評論 3 336
  • 正文 我和宋清朗相戀三年缚柏,在試婚紗的時候發(fā)現(xiàn)自己被綠了苹熏。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,013評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡币喧,死狀恐怖轨域,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情杀餐,我是刑警寧澤干发,帶...
    沈念sama閱讀 35,731評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站史翘,受9級特大地震影響枉长,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜琼讽,卻給世界環(huán)境...
    茶點故事閱讀 41,348評論 3 330
  • 文/蒙蒙 一必峰、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧钻蹬,春花似錦吼蚁、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,929評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽粒蜈。三九已至,卻和暖如春旗国,著一層夾襖步出監(jiān)牢的瞬間枯怖,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,048評論 1 270
  • 我被黑心中介騙來泰國打工能曾, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留嫁怀,地道東北人。 一個月前我還...
    沈念sama閱讀 48,203評論 3 370
  • 正文 我出身青樓借浊,卻偏偏與公主長得像,于是被迫代替她去往敵國和親萝招。 傳聞我的和親對象是個殘疾皇子蚂斤,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,960評論 2 355

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

  • 什么是同源策略 同源策略/SOP(Same origin policy)是一種約定,由Netscape公司1995...
    YQY_苑閱讀 313評論 0 0
  • 1.什么是同源策略瀏覽器出于安全方面的考慮槐沼,只允許與本域下的接口交互曙蒸。不同源的客戶端腳本在沒有明確授權(quán)的情況下,不...
    24_Magic閱讀 497評論 0 0
  • 什么是同源策略? 同源是瀏覽器出于安全方面的考慮岗钩,只允許與本域下的接口交互纽窟。不同源的客戶端腳本在沒有明確授權(quán)的情況...
    YM雨蒙閱讀 340評論 1 4
  • 題目1: 什么是同源策略 瀏覽器出于安全方面考慮,只允許與本域下的接口交互兼吓。不同源的客戶端腳本在沒有明確授權(quán)的情況...
    Taaaaaaaurus閱讀 210評論 0 0
  • 題目1: 什么是同源策略 瀏覽器出于安全方面的考慮臂港,只允許與本域下的接口交互。不同源的客戶端腳本在沒有明確授權(quán)的情...
    無目的閱讀 261評論 0 0