如何解決Ajax跨域問(wèn)題(三種)

1.JSONP

JSONP是JSON with Padding的略稱。它是一個(gè)非官方的協(xié)議,它允許在服務(wù)器端集成Script tags返回至客戶端,通過(guò)javascript callback的形式實(shí)現(xiàn)跨域訪問(wèn)(這僅僅是JSONP簡(jiǎn)單的實(shí)現(xiàn)形式)。關(guān)于jsonp的使用方式,可以參考http://blog.csdn.net/alen1985/article/details/6365394,優(yōu)缺點(diǎn)可以參考http://blog.csdn.net/z69183787/article/details/19191385

2.設(shè)置服務(wù)器頭部信息(添加響應(yīng)頭,允許跨域)

addHeader(‘Access-Control-Allow-Origin:*’);//允許所有來(lái)源訪問(wèn)

addHeader(‘Access-Control-Allow-Method:POST,GET’);//允許訪問(wèn)的方式

3.反向代理的方式

服務(wù)器A的test01.html頁(yè)面想訪問(wèn)服務(wù)器B的后臺(tái)action,返回“test”字符串,此時(shí)就出現(xiàn)跨域請(qǐng)求,瀏覽器控制臺(tái)會(huì)出現(xiàn)報(bào)錯(cuò)提示,由于跨域是瀏覽器的同源策略造成的,對(duì)于服務(wù)器后臺(tái)不存在該問(wèn)題,可以在服務(wù)器A中添加一個(gè)代理action,在該action中完成對(duì)服務(wù)器B中action數(shù)據(jù)的請(qǐng)求,然后在返回到test01.html頁(yè)面。

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

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

  • 視頻參考:ajax跨域完全講解 本文精華版:【綜合】ajax跨域問(wèn)題 什么是跨域問(wèn)題 簡(jiǎn)單來(lái)講,當(dāng)前臺(tái)調(diào)用后臺(tái),如...
    一顆語(yǔ)法糖閱讀 1,142評(píng)論 2 8
  • 受瀏覽器的同源策略限制,JavaSript只能請(qǐng)求本域內(nèi)的資源??缬蛸Y源共享(Cross-Origin Resou...
    R_X閱讀 4,630評(píng)論 0 0
  • 1. 什么是跨域 跨域,是指瀏覽器不能執(zhí)行其他網(wǎng)站的腳本。它是由瀏覽器的同源策略造成的,是瀏覽器對(duì)JavaScri...
    cbw100閱讀 6,491評(píng)論 2 86
  • 什么是跨域 跨域,是指瀏覽器不能執(zhí)行其他網(wǎng)站的腳本。它是由瀏覽器的同源策略造成的,是瀏覽器對(duì)JavaScript實(shí)...
    他方l閱讀 1,143評(píng)論 0 2
  • 《皇甫君碑》全名《隋柱國(guó)左光祿大夫弘義明公皇甫府君之碑》。 修復(fù)過(guò)的《皇甫君碑》,看著很有感覺。
    冰釋主人閱讀 3,883評(píng)論 2 4

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