這篇文章主要講解了“Ajax請求跨域的解決方案”,文中的講解內(nèi)容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“Ajax請求跨域的解決方案”吧!

由于瀏覽器實現(xiàn)的同源策略的限制,XmlHttpRequest只允許請求當前源(域名、協(xié)議、端口)的資源,所以AJAX是不允許跨域的。這里提供自己常用的三種方法:
1、jsonp訪問
JSONP(JSON with Padding)是一個非官方的協(xié)議,它允許在服務(wù)器端集成Script tags返回至客戶端,通過javascript callback的形式實現(xiàn)跨域訪問;
實現(xiàn)方式
1)
<script type="text/javascript">
$.ajax({
url:url,
dataType:'jsonp',
data:'',
jsonp:'callback',
success:function(result) {
},
});
</script>2)
$.getJSON(url+"?callback=?",
function(result) {
});注:1】 jsonp只能用get請求,哪怕你用了post請求,也會自動給你轉(zhuǎn)換成post;
2】 jsonp 不僅可以用來獲取數(shù)據(jù),也可以用來提交數(shù)據(jù)。
2、damain 方法
在主域相同,子域不同的情況下可以用這種方法,修改域名指向,讓他們指向同一域名,這種辦法也只能解決主域相同而二級域名不同的情況,兩個毫無關(guān)系的網(wǎng)址是不可以用這種方法的;
document.domain = 'a.com'
注:在實際開發(fā)中,很多人會在本地調(diào)試接口,localhost的域名和公司的域名完全不一樣,所有用了domain這種辦法也無法產(chǎn)生效果,解決辦法是修改c盤里的host文件,把本地地址localhost修改成公司域名或者公司二級域名,然后這種方法就可以使用了。
下面是修改的域名指向:
#127.0.0.1 localhost
127.0.0.1 公司.com
3、postMessage
postMessage是h6的一個新功能之一,由于我們是一家做h6游戲的公司,不可避免的要嵌套iframe,方便數(shù)據(jù)提交等。
這里假設(shè),iframe的Id為 ‘iframe';
在iframe里面的js里要寫上
var message = 'date';<br>if (parent.document.getElementById(‘iframe‘)) {
//捕獲iframe
var iframe = parent.document.getElementById(‘iframe').contentWindow;
//發(fā)送消息
parent.postMessage(message, "*");
}在iframe外面的js里要寫上
window.addEventListener('message',function(e){
},false);然后就可以拿到message的數(shù)據(jù)了。
感謝各位的閱讀,以上就是“Ajax請求跨域的解決方案”的內(nèi)容了,經(jīng)過本文的學習后,相信大家對Ajax請求跨域的解決方案這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司,小編將為大家推送更多相關(guān)知識點的文章,歡迎關(guān)注!
網(wǎng)站標題:Ajax請求跨域的解決方案-創(chuàng)新互聯(lián)
當前路徑:http://www.yijiale78.com/article4/ddhioe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站、python、軟件開發(fā)、云服務(wù)器、網(wǎng)站設(shè)計、ChatGPT
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容