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实现div跟随鼠标移动
Aug 20 jQuery
Angular2使用jQuery的方法教程
May 28 jQuery
jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】
Jun 26 jQuery
jQuery选择器_动力节点Java学院整理
Jul 05 jQuery
jQuery中each循环的跳出和结束实例
Aug 16 jQuery
使用jquery的jsonp如何发起跨域请求及其原理详解
Aug 17 jQuery
jquery 一键复制到剪切板的实例
Sep 20 jQuery
JQuery通过后台获取数据遍历到前台的方法
Aug 13 jQuery
Jquery动态列功能完整实例
Aug 30 jQuery
Jquery cookie插件实现原理代码解析
Aug 04 jQuery
jQuery+ajax实现文件上传功能
Dec 22 jQuery
ajax jquery实现页面某一个div的刷新效果
Mar 04 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
也谈 PHP 和 MYSQL
2006/10/09 PHP
基于PHP代码实现中奖概率算法可用于刮刮卡、大转盘等抽奖算法
2015/12/20 PHP
Asp.net下使用Jquery Ajax传送和接收DataTable的代码
2010/09/12 Javascript
input按钮的事件处理大全
2010/12/10 Javascript
能说明你的Javascript技术很烂的五个原因分析
2011/10/28 Javascript
jquery及原生js获取select下拉框选中的值示例
2013/10/25 Javascript
JS判断客户端是手机还是PC的2个代码
2014/04/12 Javascript
Javascript Objects详解
2014/09/04 Javascript
javascript简单实现图片预加载
2014/12/03 Javascript
jQuery常用知识点总结以及平时封装常用函数
2016/02/23 Javascript
Javascript oop设计模式 面向对象编程简单实例介绍
2016/12/13 Javascript
jquery pagination插件动态分页实例(Bootstrap分页)
2016/12/23 Javascript
jQuery插件FusionCharts绘制的3D双柱状图效果示例【附demo源码】
2017/04/20 jQuery
JS写XSS cookie stealer来窃取密码的步骤详解
2017/11/20 Javascript
详解vue axios用post提交的数据格式
2018/08/07 Javascript
js实现网页同时进行多个倒计时功能
2019/02/25 Javascript
Nodejs实现用户注册功能
2019/04/14 NodeJs
JS中的算法与数据结构之二叉查找树(Binary Sort Tree)实例详解
2019/08/16 Javascript
JS实现购物车基本功能
2020/11/08 Javascript
python中的__init__ 、__new__、__call__小结
2014/04/25 Python
python计算牛顿迭代多项式实例分析
2015/05/07 Python
在Python的Flask框架中验证注册用户的Email的方法
2015/09/02 Python
利用Hyperic调用Python实现进程守护
2018/01/02 Python
解决Python2.7读写文件中的中文乱码问题
2018/04/12 Python
mvc框架打造笔记之wsgi协议的优缺点以及接口实现
2018/08/01 Python
Python实现对特定列表进行从小到大排序操作示例
2019/02/11 Python
Python魔法方法功能与用法简介
2019/04/04 Python
详解python安装matplotlib库三种失败情况
2020/07/28 Python
python使用列表的最佳方案
2020/08/12 Python
UI自动化定位常用实现方法代码示例
2020/10/27 Python
竞选演讲稿范文
2013/12/28 职场文书
公司中层干部的自我评价分享
2014/03/01 职场文书
个人对照检查剖析材料
2014/10/13 职场文书
Python使用scapy模块发包收包
2021/05/07 Python
低版本Druid连接池+MySQL驱动8.0导致线程阻塞、性能受限
2021/07/01 MySQL
微信告警的zabbix监控系统 监控整个NGINX集群
2022/04/18 Servers