如何實現(xiàn)跨域

如何實現(xiàn)跨域

跨域應(yīng)該是我們經(jīng)常會遇到的問題辆布,解決跨域也應(yīng)當(dāng)是前端人員必備的技能丘侠;如當(dāng)下很多網(wǎng)站都開始轉(zhuǎn)向https,那么很容易就會出現(xiàn)http和https之間跨域的問題攒磨;下面就來闡述一下實現(xiàn)跨域的幾種方法:

JSONP

JSONP實現(xiàn)跨域的方法應(yīng)該是我們最常用的方法,它主要是利用<script>標(biāo)簽沒有跨域的限制去實現(xiàn)跨域汤徽;因為通過<script>標(biāo)簽可以去引用任何網(wǎng)站的腳本資源娩缰,沒有任何的限制,所以就有人利用這個特性搞了一些事情谒府,通過src引入的腳本資源通過后端配合處理拼坎,會返回一個回調(diào)函數(shù),這個回調(diào)函數(shù)里面是json格式的數(shù)據(jù)完疫,只需要執(zhí)行這個回調(diào)函數(shù)即可泰鸡,那么在這之前本地腳本里已經(jīng)創(chuàng)建了相應(yīng)的回調(diào)函數(shù),只要等這個<script>標(biāo)簽加載完畢就會立即執(zhí)行壳鹤,這時就會得到不同源的數(shù)據(jù)盛龄;

CORS

CORS方法實現(xiàn)跨域這一方法是最簡單的,前端也就是和正常ajax請求數(shù)據(jù)完全一樣芳誓,只需要后端做相應(yīng)的處理就可以了余舶;后端會在響應(yīng)頭里加上Access-Control-Allow-Origin允許哪些網(wǎng)站進(jìn)行跨域,如果請求的網(wǎng)站是被允許的那么就能拿到相應(yīng)的數(shù)據(jù)锹淌,如果這個網(wǎng)站沒有被允許則請求失斈渲怠;這個方法有一個缺陷就是兼容性的問題赂摆,要在ie以上瀏覽器才能支持挟憔;所以這個方法在移動端使用的可能更多一些钟些,PC端如果要兼容低版本的ie可能就不大適合了;

降域

第三種方法要說的是降域绊谭,這個方法用起來也是比較簡單政恍,利用document.domain去允許不同的二級域之間的跨域;如a.taobao.com和b.taobao.com龙誊,如果設(shè)置了document.domain = 'taobao.com',那么a.taobao.com和b.taobao.com就可以實現(xiàn)跨域抚垃;但是有一點(diǎn)需要注意的是,不同頂級域名之間是沒法通過降域去實現(xiàn)跨域的趟大,如a.taobao.com和b.baidu.com鹤树,這兩者之間再怎么降域也實現(xiàn)不了跨域;

以上就是解決跨域最常用的方法逊朽,我們可以根據(jù)自己具體的業(yè)務(wù)場景去使用相應(yīng)的方法罕伯;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市叽讳,隨后出現(xiàn)的幾起案子追他,更是在濱河造成了極大的恐慌,老刑警劉巖岛蚤,帶你破解...
    沈念sama閱讀 212,383評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件邑狸,死亡現(xiàn)場離奇詭異,居然都是意外死亡涤妒,警方通過查閱死者的電腦和手機(jī)单雾,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,522評論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來她紫,“玉大人硅堆,你說我怎么就攤上這事』叨铮” “怎么了渐逃?”我有些...
    開封第一講書人閱讀 157,852評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長民褂。 經(jīng)常有香客問我茄菊,道長,這世上最難降的妖魔是什么助赞? 我笑而不...
    開封第一講書人閱讀 56,621評論 1 284
  • 正文 為了忘掉前任买羞,我火速辦了婚禮,結(jié)果婚禮上雹食,老公的妹妹穿的比我還像新娘畜普。我一直安慰自己,他們只是感情好群叶,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,741評論 6 386
  • 文/花漫 我一把揭開白布吃挑。 她就那樣靜靜地躺著钝荡,像睡著了一般。 火紅的嫁衣襯著肌膚如雪舶衬。 梳的紋絲不亂的頭發(fā)上埠通,一...
    開封第一講書人閱讀 49,929評論 1 290
  • 那天,我揣著相機(jī)與錄音逛犹,去河邊找鬼端辱。 笑死,一個胖子當(dāng)著我的面吹牛虽画,可吹牛的內(nèi)容都是我干的舞蔽。 我是一名探鬼主播,決...
    沈念sama閱讀 39,076評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼码撰,長吁一口氣:“原來是場噩夢啊……” “哼渗柿!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起脖岛,我...
    開封第一講書人閱讀 37,803評論 0 268
  • 序言:老撾萬榮一對情侶失蹤朵栖,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后柴梆,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體陨溅,經(jīng)...
    沈念sama閱讀 44,265評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,582評論 2 327
  • 正文 我和宋清朗相戀三年绍在,在試婚紗的時候發(fā)現(xiàn)自己被綠了声登。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,716評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡揣苏,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出件舵,到底是詐尸還是另有隱情卸察,我是刑警寧澤,帶...
    沈念sama閱讀 34,395評論 4 333
  • 正文 年R本政府宣布铅祸,位于F島的核電站坑质,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏临梗。R本人自食惡果不足惜涡扼,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,039評論 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望盟庞。 院中可真熱鬧吃沪,春花似錦、人聲如沸什猖。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至降铸,卻和暖如春在旱,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背推掸。 一陣腳步聲響...
    開封第一講書人閱讀 32,027評論 1 266
  • 我被黑心中介騙來泰國打工桶蝎, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人谅畅。 一個月前我還...
    沈念sama閱讀 46,488評論 2 361
  • 正文 我出身青樓登渣,卻偏偏與公主長得像,于是被迫代替她去往敵國和親铃彰。 傳聞我的和親對象是個殘疾皇子绍豁,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,612評論 2 350

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

  • 什么是同源策略 同源策略限制從一個源加載的文檔或腳本如何與來自另一個源的資源進(jìn)行交互。這是一個用于隔離潛在惡意文件...
    liushaung閱讀 402評論 0 1
  • 發(fā)現(xiàn)了有3種辦法可以解決這個問題牙捉, 1. 設(shè)置瀏覽器的options, enable access data so...
    fuxiaotao閱讀 577評論 0 0
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,841評論 25 707
  • 當(dāng)我從夜的夢中哭醒 您已消失 為什么我又要想您呢 說好的不再悲傷 只是這風(fēng)又帶來綠葉的訊息 那一天 我忍不住站在樹...
    老徐家的小七閱讀 175評論 0 0
  • 2017年6月2日 最讓我沒想到的是竹揍,元寶還沒到打疫苗的年齡,就讓我先打了疫苗邪铲。 昨天晚上八點(diǎn)多時候芬位,我一手拿著手...
    葉問醬閱讀 184評論 0 1