Ajax實現(xiàn)跨域訪問最新解決方案
在實際項目當(dāng)中,我們經(jīng)常會遇到同一個域名下不同項目之間通過Ajax相互調(diào)用數(shù)據(jù),這樣問題就來了,如何通過Ajax實現(xiàn)跨域呢?
解決方案
1.Jsonp
Jsonp解決跨域相對簡單,服務(wù)器無需任何配置。具體實現(xiàn)如下:
$.ajax({
type: 'get',
url: 'http://xxx.com',
data: {},
dataType: 'jsonp',
success: function (data) {
},
error: function (data) {
mask.close();
toast('請求失敗');
}
});
2.CORS
CORS解決方案需要前端和服務(wù)端共同配置才能實現(xiàn)
前端
$.ajax({
url: 'http://xxx.com',
type: 'post',
xhrFields:{
withCredentials:true
},
data: {},
success: function(res){
},
error: function(){
alert('服務(wù)器發(fā)生錯誤!');
}
});
服務(wù)端(在程序入口文件配置)
header('Access-Control-Allow-Origin: http://xxx.com');
header('Access-Control-Allow-Credentials: true');
header('Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept');
總結(jié)
以上所述是小編給大家介紹的Ajax實現(xiàn)跨域訪問最新解決方案,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
發(fā)布三個ajax相關(guān)的函數(shù),包括無刷新提交表單等
發(fā)布三個ajax相關(guān)的函數(shù),包括無刷新提交表單等...2006-08-08
asp.net+Ajax 文本文件靜態(tài)分頁實現(xiàn)代碼
代碼還是很淺顯易懂的,呵呵因為我也不會寫高深的代碼。重要的我們都要動手去實踐。菜鳥們多多努力哦。做完我這個例子級會收獲很多哦。2010-05-05
AJAX實現(xiàn)JSON與XML數(shù)據(jù)交換方法詳解
這篇文章主要介紹了AJAX實現(xiàn)JSON與XML數(shù)據(jù)交換方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2023-01-01

