進階任務13JSONP_跨域

題目1: 什么是同源策略

瀏覽器出于安全方面的考慮,只允許與本域下的接口交互。不同源的客戶端腳本在沒有明確授權(quán)的情況下,不能讀寫對方的資源。

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

跨域指A網(wǎng)頁請求B網(wǎng)頁的資源,只要A網(wǎng)頁和B網(wǎng)頁的協(xié)議、端口、域名其中任何一個不同,都算跨域。

url 說明 是否允許通信
http://www.a.com/a.js
http://www.a.com/b.js
相同協(xié)議,同一域名 允許
https://www.a.com/a.js
http://www.a.com/a.js
不同協(xié)議,同一域名 不允許
http://www.a.com/a.js
http://www.b.com/a.js
相同協(xié)議,不同域名 不允許
http://js.a.com/a.js
http://www.b.com/a.js
相同協(xié)議,不同域名 不允許
http://www.a.com:8080/a.js
http://www.a.com/b.js
主域相同,子域不同 不允許
http://www.a.com/a.js
http://70.23.92.75/a.js
域名和域名對應ip 不允許

跨域主要實現(xiàn)方式:
JSONP、CORS、降域、PostMessage

題目3: JSONP 的原理是什么

html中的script標簽可以引入其他域下的js,利用這個特性可以實現(xiàn)跨域訪問接口,需要后端支持
1 定義數(shù)據(jù)處理函數(shù)_fun
2 創(chuàng)建script標簽,src的地址執(zhí)行后端接口,最后個參數(shù)加上callback=_fun
3 服務器端在收到請求后,解析參數(shù),計算返回數(shù)據(jù),輸出 _fun(data)字符串
4 fun(data)會放到script標簽作為js執(zhí)行,此時調(diào)用fun函數(shù),將data作為參數(shù)

題目4: CORS是什么

CORS全稱是跨域資源共享(Cross-origin resource sharing),是一種ajax跨域請求資源的方式,支持現(xiàn)代瀏覽器,IE支持10以上,實現(xiàn)方式很簡單,當你使用XMLHttpRequest發(fā)送請求時,瀏覽器發(fā)現(xiàn)該請求 不符合同源策略,會給該請求加一個請求頭:Origin,后臺進行一系列處理,如果確定接受請求則在返回結(jié)果中加一個響應頭:Access-Control-Allow-Origin;瀏覽器判斷該相應頭中是否包含Origin的值,如果有,瀏覽器就會處理響應,我們就可以拿到響應數(shù)據(jù),如果不包含瀏覽器直接駁回,這是我們無法拿到響應數(shù)據(jù),所以CORS的表象是讓你覺得它與同源的ajax請求沒區(qū)別,代碼完全一樣。

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

關(guān)于跨域資料的整理

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • 什么是同源策略 同源政策(same-origin policy)是指同域名(或ip),同端口,同協(xié)議視為同一個域,...
    小囧兔閱讀 681評論 0 1
  • 1、 什么是同源策略 同源策略(Same Origin Policy)是一種約定,它是瀏覽器最核心也是最基本的安全...
    饑人谷_小敏閱讀 494評論 0 0
  • 什么是同源策略 瀏覽器出于安全方面的考慮,只允許與本域下的接口交互。不同源的客戶端腳本在沒有明確授權(quán)的情況下,不能...
    ezrealor閱讀 550評論 0 1
  • 在新疆流浪的日子,我就溜達到了迷人的江布拉克。 江布拉克,位于新疆昌吉州奇臺縣半截溝鎮(zhèn)南部山區(qū),距縣城60多公里。...
    桑果兒閱讀 473評論 0 3
  • 有人嘆三千煩惱絲 有人曰庸人自擾之 有人說這就是涼世 亦有人唱那都不是事 剪不斷,理還亂 說不破,道不明 蕓蕓眾生...
    斜陽醉西樓閱讀 441評論 0 2

友情鏈接更多精彩內(nèi)容