跨站通信總結(jié)(Cross Domain)

因?yàn)榫W(wǎng)頁(yè)上要添加跨站通信的功能捻激。于是蛾娶,一翻搜索和試驗(yàn)括勺,得到了想要的結(jié)果缆八。寫下來(lái)當(dāng)作總結(jié)。

JQuery

JQuery 提供了幾種跨站通信的方法

JSONP

$.getJSON('http://server/path/someaction?callback=?', 'JSON data', function(data) {

? ?// Handle the JSON data

});

callback=? 算是一個(gè)固定格式疾捍,JQuery在這個(gè)HTTP Request發(fā)送出去后奈辰,會(huì)將 '?' 替換成一個(gè)隨機(jī)生成Function Name,HTTP Server得到這個(gè)Function Name (假設(shè)為JSONP1234)后乱豆,在返回?cái)?shù)據(jù)時(shí)可以寫入如

JSONP1234('response JSON data')

這樣的字符串奖恰。實(shí)際上就是在返回時(shí),JQuery會(huì)執(zhí)行次Script宛裕,將數(shù)據(jù)傳如回調(diào)的處理函數(shù)中瑟啃。

AJAX POST

$.ajax({

? ? type:'POST',

? ? url: 'http://server/path'

? ? crossDomain: true,

? ? data: 'data'

? ? dataType: 'data type'

? ? success: function(data, status, qXHR) {

? ? }

? ? error: function(data, status, error) {

? ? }

});

這個(gè)沒有什么太多需要強(qiáng)調(diào)的了,不過(guò)揩尸,需要注意的是蛹屿,Server端在HTTP RESPONSE時(shí)要加入

Access-Control-Allow-Origin: *\r\n

否則在FireFox中會(huì)表現(xiàn)為通信失敗,這個(gè) '*' 也可以寫成其它制定的域名岩榆,并不僅限于 '*'

IE

IE有些特別错负,在Cross Domain Post中是用了自己提供的API,如果在IE中調(diào)用上面Ajax的方法勇边,會(huì)有錯(cuò)誤發(fā)生犹撒。

IE 8+以上的版本都支持,XDomainRequest

if ('XDomainRequest' in window) {

? ? var xdr = new XDomainRequest();

? ? xdr.onload = function() {

? ? ? ? // Handle Response Data

? ? }

? ? xdr.open('POST', 'http://server/path');

? ? xdr.send('data');

}

需要注意的是粥诫,在使用前先判斷一下是否可以用 XDomainRequest.

HTTPS

現(xiàn)在很多網(wǎng)站為了安全都使用了HTTPS的通信方法油航,這里需要注意的是,如果發(fā)起跨站通信的網(wǎng)頁(yè)時(shí)HTTPS的怀浆,那么將要通信的那端也必須是HTTPS的(并且網(wǎng)站的證書需要受信)否則通信將會(huì)失敗(如Chrome)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末怕享,一起剝皮案震驚了整個(gè)濱河市执赡,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌函筋,老刑警劉巖沙合,帶你破解...
    沈念sama閱讀 219,188評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異跌帐,居然都是意外死亡首懈,警方通過(guò)查閱死者的電腦和手機(jī)绊率,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)究履,“玉大人滤否,你說(shuō)我怎么就攤上這事∽盥兀” “怎么了藐俺?”我有些...
    開封第一講書人閱讀 165,562評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)泥彤。 經(jīng)常有香客問(wèn)我欲芹,道長(zhǎng),這世上最難降的妖魔是什么吟吝? 我笑而不...
    開封第一講書人閱讀 58,893評(píng)論 1 295
  • 正文 為了忘掉前任菱父,我火速辦了婚禮,結(jié)果婚禮上剑逃,老公的妹妹穿的比我還像新娘浙宜。我一直安慰自己,他們只是感情好炕贵,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,917評(píng)論 6 392
  • 文/花漫 我一把揭開白布梆奈。 她就那樣靜靜地躺著,像睡著了一般称开。 火紅的嫁衣襯著肌膚如雪亩钟。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,708評(píng)論 1 305
  • 那天鳖轰,我揣著相機(jī)與錄音清酥,去河邊找鬼。 笑死蕴侣,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的昆雀。 我是一名探鬼主播辱志,決...
    沈念sama閱讀 40,430評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼狞膘!你這毒婦竟也來(lái)了揩懒?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,342評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤挽封,失蹤者是張志新(化名)和其女友劉穎已球,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,801評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡智亮,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,976評(píng)論 3 337
  • 正文 我和宋清朗相戀三年忆某,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片阔蛉。...
    茶點(diǎn)故事閱讀 40,115評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡弃舒,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出馍忽,到底是詐尸還是另有隱情棒坏,我是刑警寧澤,帶...
    沈念sama閱讀 35,804評(píng)論 5 346
  • 正文 年R本政府宣布遭笋,位于F島的核電站坝冕,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏瓦呼。R本人自食惡果不足惜喂窟,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,458評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望央串。 院中可真熱鬧磨澡,春花似錦、人聲如沸质和。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,008評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)饲宿。三九已至厦酬,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間瘫想,已是汗流浹背仗阅。 一陣腳步聲響...
    開封第一講書人閱讀 33,135評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留国夜,地道東北人减噪。 一個(gè)月前我還...
    沈念sama閱讀 48,365評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像车吹,于是被迫代替她去往敵國(guó)和親筹裕。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,055評(píng)論 2 355

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

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理窄驹,服務(wù)發(fā)現(xiàn)饶碘,斷路器,智...
    卡卡羅2017閱讀 134,664評(píng)論 18 139
  • AJAX 原生js操作ajax 1.創(chuàng)建XMLHttpRequest對(duì)象 var xhr = new XMLHtt...
    碧玉含香閱讀 3,201評(píng)論 0 7
  • @轉(zhuǎn)自GitHub 介紹js的基本數(shù)據(jù)類型馒吴。Undefined、Null、Boolean饮戳、Number豪治、Strin...
    YT_Zou閱讀 1,158評(píng)論 0 0
  • <a name='html'>HTML</a> Doctype作用?標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別? (1)扯罐、<...
    clark124閱讀 3,482評(píng)論 1 19
  • 最近看了熱播的電視劇改編小說(shuō)周梅森的《人民的名義》负拟,就反派祁同偉這個(gè)人大家還蠻有爭(zhēng)議的。我對(duì)這個(gè)人的感覺不是對(duì)反派...
    徐徐圖之Q閱讀 349評(píng)論 0 0