JS之JSONP_跨域

1: 什么是同源策略

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

  • 同協(xié)議:如都是http,https,file,ssh,mailto,tel
  • 同域名(在//后到第一個(gè)/之間):
    如都是http://abc.com/ahttp://abc.com/b
  • 同端口:如都是80端口
    需要注意的是: 對于當(dāng)前頁面來說頁面存放的 JS 文件的域不重要硫惕,重要的是加載該 JS 頁面所在什么域

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

跨域是破除同源策略的限制磨淌,實(shí)現(xiàn)不同域下接口交互來獲取數(shù)據(jù)
跨域一般有4種實(shí)現(xiàn)形式

  • JSONP(常用)
  • CORS
  • 降域
  • postMessage
    3: JSONP 的原理是什么

3: JSONP 的原理是什么

在當(dāng)前所在html中創(chuàng)建一個(gè)srcipt標(biāo)簽疲憋,將src設(shè)置為接口地址,服務(wù)器那邊以獲取callback中的參數(shù)值+要發(fā)送的數(shù)據(jù)以json字符串的形式回應(yīng)梁只,頁面獲取到數(shù)據(jù)調(diào)用同callback參數(shù)值的方法名來展現(xiàn)數(shù)據(jù)缚柳。

4: CORS是什么

CORS是跨域資源共享
它允許瀏覽器向跨源服務(wù)器,發(fā)出XMLHttpRequest請求搪锣,從而克服了AJAX只能同源使用的限制
實(shí)現(xiàn)方式是秋忙,當(dāng)你使用XMLHttpRequest發(fā)送請求時(shí),瀏覽器發(fā)現(xiàn)該請求不符合同源策略构舟,會給該請求加一個(gè)請求頭:Origin灰追,后臺進(jìn)行一系列處理,如果確定接受請求則在返回結(jié)果中加入一個(gè)響應(yīng)頭:Access-Control-Allow-Origin; 瀏覽器判斷該相應(yīng)頭中是否包含Origin 的值狗超,如果有則瀏覽器會處理響應(yīng)弹澎,我們就可以拿到響應(yīng)數(shù)據(jù),如果不包含瀏覽器直接駁回努咐,這時(shí)我們無法拿到響應(yīng)數(shù)據(jù)

5:演示三種以上跨域的解決方式

https://github.com/MasterGaoJin/pratice/tree/master/jinjie13

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末苦蒿,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子渗稍,更是在濱河造成了極大的恐慌佩迟,老刑警劉巖团滥,帶你破解...
    沈念sama閱讀 222,104評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異报强,居然都是意外死亡灸姊,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,816評論 3 399
  • 文/潘曉璐 我一進(jìn)店門秉溉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來力惯,“玉大人,你說我怎么就攤上這事召嘶『话颍” “怎么了?”我有些...
    開封第一講書人閱讀 168,697評論 0 360
  • 文/不壞的土叔 我叫張陵苍蔬,是天一觀的道長。 經(jīng)常有香客問我蝴蜓,道長碟绑,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,836評論 1 298
  • 正文 為了忘掉前任茎匠,我火速辦了婚禮格仲,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘诵冒。我一直安慰自己凯肋,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,851評論 6 397
  • 文/花漫 我一把揭開白布汽馋。 她就那樣靜靜地躺著侮东,像睡著了一般。 火紅的嫁衣襯著肌膚如雪豹芯。 梳的紋絲不亂的頭發(fā)上悄雅,一...
    開封第一講書人閱讀 52,441評論 1 310
  • 那天,我揣著相機(jī)與錄音铁蹈,去河邊找鬼宽闲。 笑死,一個(gè)胖子當(dāng)著我的面吹牛握牧,可吹牛的內(nèi)容都是我干的容诬。 我是一名探鬼主播,決...
    沈念sama閱讀 40,992評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼沿腰,長吁一口氣:“原來是場噩夢啊……” “哼览徒!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起矫俺,我...
    開封第一講書人閱讀 39,899評論 0 276
  • 序言:老撾萬榮一對情侶失蹤吱殉,失蹤者是張志新(化名)和其女友劉穎掸冤,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體友雳,經(jīng)...
    沈念sama閱讀 46,457評論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡稿湿,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,529評論 3 341
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了押赊。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片饺藤。...
    茶點(diǎn)故事閱讀 40,664評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖流礁,靈堂內(nèi)的尸體忽然破棺而出涕俗,到底是詐尸還是另有隱情,我是刑警寧澤神帅,帶...
    沈念sama閱讀 36,346評論 5 350
  • 正文 年R本政府宣布再姑,位于F島的核電站,受9級特大地震影響找御,放射性物質(zhì)發(fā)生泄漏元镀。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,025評論 3 334
  • 文/蒙蒙 一霎桅、第九天 我趴在偏房一處隱蔽的房頂上張望栖疑。 院中可真熱鬧,春花似錦滔驶、人聲如沸遇革。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,511評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽萝快。三九已至,卻和暖如春插佛,著一層夾襖步出監(jiān)牢的瞬間杠巡,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,611評論 1 272
  • 我被黑心中介騙來泰國打工雇寇, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留氢拥,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,081評論 3 377
  • 正文 我出身青樓锨侯,卻偏偏與公主長得像嫩海,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子囚痴,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,675評論 2 359

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

  • 什么是同源策略 同源政策(same-origin policy)是指同域名(或ip),同端口叁怪,同協(xié)議視為同一個(gè)域,...
    小囧兔閱讀 521評論 0 1
  • 一深滚、瀏覽器的同源策略 1.什么是同源奕谭? 所謂“同源”指的是”三個(gè)相同“涣觉。相同的域名、端口和協(xié)議血柳,這三個(gè)相同的話就視...
    徐國軍_plus閱讀 846評論 1 3
  • 前言:對于跨域請求官册,很早之前就有去了解過,但因?yàn)橐恢标P(guān)注的都是服務(wù)器后端開發(fā)难捌,故也就僅僅停留在概念的理解上而沒有機(jī)...
    ken_ljq閱讀 89,785評論 6 128
  • 什么是同源策略 同源策略(Same origin Policy):瀏覽器出于安全方面的考慮根吁,只允許與本域下的接口交...
    _Dot912閱讀 855評論 0 3
  • 1. 我是從三月份開始寫公眾號的员淫。 原計(jì)劃是每天寫一篇,到年底最少寫三百篇击敌。 一篇最少一千字介返,到年底就三十萬字。 ...
    筆墨下的人生百態(tài)閱讀 943評論 0 3