JQuery Ajax执行跨域请求数据的解决方案


Posted in jQuery onDecember 10, 2018

今天前端因为需要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);
 }
 });

这样即可跨域请求了

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。如果你想了解更多相关内容请查看下面相关链接

jQuery 相关文章推荐
jQuery实现文章图片弹出放大效果
Apr 06 jQuery
JS/jquery实现一个网页内同时调用多个倒计时的方法
Apr 27 jQuery
jQuery使用JSONP实现跨域获取数据的三种方法详解
May 04 jQuery
jQuery extend()详解及简单实例
May 06 jQuery
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
Jun 11 jQuery
jquery 输入框查找关键字并提亮颜色的实例代码
Jan 23 jQuery
详解使用jQuery.i18n.properties实现js国际化
May 04 jQuery
Vue引入jquery实现平滑滚动到指定位置
May 09 jQuery
通过jquery的ajax请求本地的json文件方法
Aug 08 jQuery
JQuery animate动画应用示例
May 14 jQuery
jQuery实时统计输入框字数及限制
Jun 24 jQuery
jQuery实现回到顶部效果
Oct 19 jQuery
jQuery时间戳和日期相互转换操作示例
Dec 07 #jQuery
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
Dec 06 #jQuery
jQuery动态操作表单示例【基于table表格】
Dec 06 #jQuery
使用jQuery动态设置单选框的选中效果
Dec 06 #jQuery
jQuery的ztree仿windows文件新建和拖拽功能的实现代码
Dec 05 #jQuery
使用jquery模拟a标签的click事件无法实现跳转的解决
Dec 04 #jQuery
jQuery利用FormData上传文件实现批量上传
Dec 04 #jQuery
You might like
将兴奋、喜悦和坎加斯带到戴安娜:亚马逊公主
2020/03/03 欧美动漫
如何使用动态共享对象的模式来安装PHP
2006/10/09 PHP
php 备份数据库代码(生成word,excel,json,xml,sql)
2013/06/23 PHP
PHP动态编译出现Cannot find autoconf的解决方法
2014/11/05 PHP
2款PHP无限级分类实例代码
2015/11/11 PHP
基于PHP实现通过照片获取ip地址
2016/04/26 PHP
PHP的mysqli_stat()函数讲解
2019/01/23 PHP
ext for eclipse插件安装方法
2008/04/27 Javascript
javascript 图片上传预览-兼容标准
2009/06/01 Javascript
jQuery 源码分析笔记(3) Deferred机制
2011/06/19 Javascript
js获取dom的高度和宽度(可见区域及部分等等)
2013/06/13 Javascript
window.open 以post方式传递参数示例代码
2014/02/27 Javascript
jQuery中:reset选择器用法实例
2015/01/04 Javascript
javascript操作ul中li的方法
2015/05/14 Javascript
Vue.js Ajax动态参数与列表显示实现方法
2016/10/20 Javascript
JS基于面向对象实现的选项卡效果示例
2016/12/20 Javascript
关于jquery form表单序列化的注意事项详解
2017/08/01 jQuery
JS简单实现父子窗口传值功能示例【未使用iframe框架】
2017/09/20 Javascript
[02:19]DOTA选手解说齐贺岁
2018/02/11 DOTA
python getopt 参数处理小示例
2009/06/09 Python
python itchat实现微信自动回复的示例代码
2017/08/14 Python
Python爬虫天气预报实例详解(小白入门)
2018/01/24 Python
java中两个byte数组实现合并的示例
2018/05/09 Python
python操作excel的方法
2018/08/16 Python
python爬虫项目设置一个中断重连的程序的实现
2019/07/26 Python
Django实现CAS+OAuth2的方法示例
2019/10/30 Python
在python3中实现查找数组中最接近与某值的元素操作
2020/02/29 Python
学生会生活部工作总结2015
2015/03/31 职场文书
请客吃饭开场白
2015/06/01 职场文书
退休教师追悼词
2015/06/23 职场文书
热爱劳动主题班会
2015/08/14 职场文书
青年岗位能手事迹材料(2016推荐版)
2016/03/01 职场文书
分家协议书范本
2016/03/22 职场文书
Sql Server之数据类型详解
2022/02/28 SQL Server
MySQL优化之慢日志查询
2022/06/10 MySQL
MySQL如何修改字段类型和字段长度
2022/06/10 MySQL