Ajax 的跨域處理

域名地址的組成元素:

http:// —— 協(xié)議
www —— 子域名
abc.com —— 主域名
8080 —— 端口號
scripts/jquery.js —— 請求資源地址

其中當 協(xié)議 子域名 主域名 端口號 中任意一個不同是都算作不同域您觉。

不同域之間相互請求資源就算作“跨域”领虹,比如:

http://www.a.com/demo.html 請求 http://www.b.com/service.php

JavaScript 出于安全方面的考慮旷余,不允許跨域調(diào)用其他頁面的對象骂铁。

所謂跨域罐氨,簡單理解也就是因為JavaScript 同源策略的限制炊林,a.com 域名下的js 無法操作b.com 域名下的對象绩社。

下面對跨域做一些例子進行說明:

www.a.com/demo.html 調(diào)用 www.a.com/service.php (非跨域)
www.a.com/demo.html 調(diào)用 www.b.com/service.php (跨域)
www.a.com/demo.html 調(diào)用 bbs.a.com/service.php (跨域)
www.a.com/demo.html 調(diào)用 www.a.com:81/service.php (跨域)
www.a.com/demo.html 調(diào)用 https://www.a.com/service.php (跨域)

處理跨域方法1

代理——通過同域名的web服務(wù)器端創(chuàng)建一個代理。

這里有兩個域名:
www.a.com
www.b.com
可通過a的web服務(wù)器后臺www.a.com/proxy-b-service.php)調(diào)用b的服務(wù)器www.b.com/service.php)的服務(wù)腋舌,然后再把響應(yīng)的結(jié)果返回給前端盏触,這樣前端調(diào)用a同域名的服務(wù)就和調(diào)用b的服務(wù)效果相同了。

處理跨域方法2

JSONP——可用于解決主流瀏覽器的跨域數(shù)據(jù)訪問的問題块饺。
www.a.com 頁面中:

<script>
    function jsonp(json){
        alert(json["name"]);
    }
</script>
<script src="http://www.b.com/jsonp.js"></script>

www.b.com 頁面中:

jsonp({'name':'張三','age':22});

注意:jsonp是不支持POST請求的赞辩,他只支持GET請求

處理跨域方法3

XHR2——在HTML5中已提供XMLHttpRequest Level2及實現(xiàn)了跨域訪問以及其他的一些新功能
注意:其不兼容IE10以下版本。
操作只需在服務(wù)器端添加以下部分:

header('Access-Control-Allow-Origin:*');
//其中“*”代表所有域名都可以訪問該服務(wù)器端授艰,如果需特定可直接輸入允許訪問的域名
header('Access-Control-Allow-Methods:POST,GET');
//設(shè)置允許可用域名使用POST和GET方法
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末辨嗽,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子淮腾,更是在濱河造成了極大的恐慌糟需,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,270評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件来破,死亡現(xiàn)場離奇詭異篮灼,居然都是意外死亡,警方通過查閱死者的電腦和手機徘禁,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,489評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來髓堪,“玉大人送朱,你說我怎么就攤上這事「膳裕” “怎么了驶沼?”我有些...
    開封第一講書人閱讀 165,630評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長争群。 經(jīng)常有香客問我回怜,道長,這世上最難降的妖魔是什么换薄? 我笑而不...
    開封第一講書人閱讀 58,906評論 1 295
  • 正文 為了忘掉前任玉雾,我火速辦了婚禮翔试,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘复旬。我一直安慰自己垦缅,他們只是感情好,可當我...
    茶點故事閱讀 67,928評論 6 392
  • 文/花漫 我一把揭開白布驹碍。 她就那樣靜靜地躺著壁涎,像睡著了一般。 火紅的嫁衣襯著肌膚如雪志秃。 梳的紋絲不亂的頭發(fā)上怔球,一...
    開封第一講書人閱讀 51,718評論 1 305
  • 那天,我揣著相機與錄音浮还,去河邊找鬼庞溜。 笑死,一個胖子當著我的面吹牛碑定,可吹牛的內(nèi)容都是我干的流码。 我是一名探鬼主播,決...
    沈念sama閱讀 40,442評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼延刘,長吁一口氣:“原來是場噩夢啊……” “哼漫试!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起碘赖,我...
    開封第一講書人閱讀 39,345評論 0 276
  • 序言:老撾萬榮一對情侶失蹤驾荣,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后普泡,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體播掷,經(jīng)...
    沈念sama閱讀 45,802評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,984評論 3 337
  • 正文 我和宋清朗相戀三年撼班,在試婚紗的時候發(fā)現(xiàn)自己被綠了歧匈。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,117評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡砰嘁,死狀恐怖件炉,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情矮湘,我是刑警寧澤斟冕,帶...
    沈念sama閱讀 35,810評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站缅阳,受9級特大地震影響磕蛇,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,462評論 3 331
  • 文/蒙蒙 一秀撇、第九天 我趴在偏房一處隱蔽的房頂上張望超棺。 院中可真熱鬧,春花似錦捌袜、人聲如沸说搅。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,011評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽弄唧。三九已至,卻和暖如春霍衫,著一層夾襖步出監(jiān)牢的瞬間候引,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,139評論 1 272
  • 我被黑心中介騙來泰國打工敦跌, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留澄干,地道東北人。 一個月前我還...
    沈念sama閱讀 48,377評論 3 373
  • 正文 我出身青樓柠傍,卻偏偏與公主長得像麸俘,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子惧笛,可洞房花燭夜當晚...
    茶點故事閱讀 45,060評論 2 355

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

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理从媚,服務(wù)發(fā)現(xiàn),斷路器患整,智...
    卡卡羅2017閱讀 134,665評論 18 139
  • 一、PHP 認識PHP PHP是一種創(chuàng)建動態(tài)交互性站點的服務(wù)器端腳本語言PHP開源昌渤、免費赴穗、應(yīng)用廣泛 【例如】:Fa...
    越IT閱讀 730評論 1 2
  • 《逐夢演藝圈》確實是爛片,導(dǎo)演缺乏自知之明愈涩。 大咖為電影站臺望抽,背后可能存在權(quán)力潛規(guī)則。 市場的評價說明我國院線電影...
    羅掌柜real閱讀 722評論 0 0
  • 夫妻也是如此履婉,或者并非志同道合的夫妻也是如此,只是悲哀的是你偶爾還是會心理上對他無限依賴斟览。勝者王毁腿,敗者寇,當你失意...
    靜謐禪師閱讀 201評論 0 0
  • 三千紅塵路 寥寥九州途 行至歡喜處 不慕仙闕樓
    羅小風(fēng)閱讀 462評論 0 0