JQuery Ajax跨域的問題
今天前端因為需要ajax呼叫兩個不同的專案,請求域不一樣,所以涉及ajax跨域的問題 ,其實很簡單,具體如下
原來的ajax請求如下:
$.ajax({
type:"post",
url:platformUrl +"/security/modifyPwd.do",
data:$('#updatepwdform').serialize(),
dataType:"json",
success:function(data){
$("#updatepwd_btn").click();
$.toast("修改成功,系統即將退出,請重新登入",1500);
},
error: function() {
$.toast("網路異常",1500);
}
});
只需改動ajax固定引數
dataType:"jsonp",
crossDomain:true,
jsonpCallback:"jsonpCallbackFun",
jsonp:"callback",
且後臺返回的資料格式必須是:jsonpCallbackFun(json資料); 這裡的jsonpCallbackFun是你自定義的回撥函式方法名
改動後:
$.ajax({
type:"post",
url:platformUrl +"/security/modifyPwd.do",
data:params,
dataType:"jsonp",
crossDomain:true,
jsonpCallback:"jsonpCallbackFun",
jsonp:"callback",
success:function(data){
if(data.result==1){
$("#updatepwd_btn").click();
$.toast("修改成功,系統即將退出,請重新登入",1500);
setTimeout("logout()",1600);
}else if(data.result==2){
$.toast(data.msg,1500);
}else{
$.toast("修改失敗",1500);
}
},
error: function() {
$.toast("網路異常",1500);
}
});
這樣即可跨域請求了
相關文章
- AJAX 跨域問題跨域
- Ajax跨域問題跨域
- jquery ajax 跨域請求jQuery跨域
- 理性分析 AJAX 跨域問題跨域
- WebView與JS、Ajax跨域問題WebViewJS跨域
- 解決 jquery使用ajax請求發生跨域問題的辦法jQuery跨域
- Jquery 非同步跨域問題jQuery非同步跨域
- Ajax與Flask傳值的跨域問題Flask跨域
- 解決ajax跨域問題的多種方法跨域
- spring mvc解決ajax跨域問題SpringMVC跨域
- 看小白如何解決ajax跨域問題跨域
- Ajax 跨域難題 - 原生 JS 和 jQuery 的實現對比跨域JSjQuery
- jQuery Ajax 跨域前端實現登入jQuery跨域前端
- 重學前端(8)封裝ajax,http,跨域問題前端封裝HTTP跨域
- 跨域請求之jQuery的ajax jsonp的使用解惑跨域jQueryJSON
- ajax跨域訪問時,set-cookie無效問題的解決跨域Cookie
- 【JavaScript】通過封裝自己的JSONP解決瀏覽器的跨域問題(Ajax跨域)JavaScript封裝JSON瀏覽器跨域
- 跨域問題跨域
- 淺析Ajax跨域原理及JQuery中的實現分析跨域jQuery
- 利用JQuery實現更簡單的Ajax跨域請求jQuery跨域
- 跨域問題(普通跨域和springsecurity跨域)跨域SpringGse
- 搞懂:前端跨域問題JS解決跨域問題VUE代理解決跨域問題原理前端跨域JSVue
- AJAX 跨域請求解跨域
- 解決 ajax 跨域跨域
- ajax jsonp跨域JSON跨域
- js -- 跨域問題JS跨域
- VUE跨域問題Vue跨域
- djangorestjwtvue跨域問題DjangoRESTJWTVue跨域
- 前端跨域問題前端跨域
- js跨域問題JS跨域
- Nginx跨域問題Nginx跨域
- ajax跨域的解決方案跨域
- JS中的跨域問題JS跨域
- 關於跨域的問題跨域
- jquery ajax請教的快取問題jQuery快取
- 使用HTML5中postMessage 實現ajax中的POST跨域問題HTML跨域
- 使用HTML5中postMessage實現Ajax中的POST跨域問題HTML跨域
- 跨域問題及Umi中使用proxy代理解決跨域問題跨域