ajax跨域的非简单请求,JQuery Ajax跨域调用和非跨域调用问题实例分析

本文实例讲述了JQuery Ajax跨域调用和非跨域调用问题。分享给大家供大家参考，具体如下：

现在的互联网技术发展的越来越快，我们在开发过程中遇到的问题也越来越多。比如当我们需要进行跨域访问数据的时候该如何进行开发？本篇博文就记述如何使用Ajax进行跨域访问调用数据。

1、非跨域调用

我们用到的最多是这样的方式，也就是非跨域的进行访问，只是简单的在我们的网页中进行Ajax使用即可。如下面代码：

/**

* 非跨域请求方式

*/

function feikuayu() {

$.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是你自定义的回调函数方法名。

代码如下：

/**

* 跨域请求方式

*/

function kuayu() {

$.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);

} else if (data.result == 2) {

$.toast(data.msg, 1500);

} else {

$.toast("修改失败", 1500);

}

},

error: function () {

$.toast("网络异常", 1500);

}

});

}

这样即可跨域请求了！

希望本文所述对大家jQuery程序设计有所帮助。