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