JQuery Ajax跨域调用和非跨域调用问题实例分析
本文实例讲述了JQueryAjax跨域调用和非跨域调用问题。分享给大家供大家参考，具体如下：
现在的互联网技术发展的越来越快，我们在开发过程中遇到的问题也越来越多。比如当我们需要进行跨域访问数据的时候该如何进行开发？本篇博文就记述如何使用Ajax进行跨域访问调用数据。
1、非跨域调用
我们用到的最多是这样的方式，也就是非跨域的进行访问，只是简单的在我们的网页中进行Ajax使用即可。如下面代码：
/**
*非跨域请求方式
*/
functionfeikuayu(){
$.ajax({
type:"post",
url:platformUrl+"/security/modifyPwd",
data:$('#updatepwdform').serialize(),
dataType:"json",
success:function(data){
$("#updatepwd_btn").click();
$.toast("修改成功，系统即将退出，请重新登录",1500);
},
error:function(){
$.toast("网络异常",1500);
}
});
}
2、跨域请求
在我们进行跨域请求时需要改变ajax固定参数：
dataType:"jsonp",
crossDomain:true,
jsonpCallback:"jsonpCallbackFun",
jsonp:"callback",
且后台返回的数据格式必须是：jsonpCallbackFun（json数据）;这里的jsonpCallbackFun是你自定义的回调函数方法名。
代码如下：
/**
*跨域请求方式
*/
functionkuayu(){
$.ajax({
type:"post",
url:platformUrl+"/security/modifyPwd",
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);
}elseif(data.result==2){
$.toast(data.msg,1500);
}else{
$.toast("修改失败",1500);
}
},
error:function(){
$.toast("网络异常",1500);
}
});
}
这样即可跨域请求了！
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jquery中Ajax用法总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。