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程序设计有所帮助。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值