精选文章 JQuery Ajax执行跨域请求数据的解决方案

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

作者:tiankongxiao 时间: 2019-11-06 10:09:11
tiankongxiao 2019-11-06 10:09:11

 

今天前端因为需要ajax调用两个不同的项目,请求域不一样,所以涉及ajax跨域的问题 ,其实很简单,具体如下

原来的ajax请求如下:

?

1

2

3

4

5

6

7

8

9

10

11

12

13

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

改动后:

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

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

 }

 });

这样即可跨域请求了

勿删,copyright占位
分享文章到微博
分享文章到朋友圈

上一篇:代码格式化

下一篇:sublime一键格式化html/css/js

您可能感兴趣

  • 210道面试官必问经典面试题总结分享|Java+JVM+数据库+算法+Spring+中间件+设计模式超详细整理

    “金九银十”的秋招热潮已经来了,由于疫情影响、今年的秋招来的格外早。小编从今天六月份开始备战,不负众望的成功拿下了一些大厂的offer。经过这么多次的面试,凭借自己的面试成功经验和这两个月的准备,小编整理了一份面试清单分享给大家,希望能给和我一样为了秋招奋战多时的码农亲人们一点帮助(java方向),觉得有帮助的同学可以转发点个赞哦~~祝大家面试顺利,一举拿下大厂offer! 一、JAVA基础...

  • 2020前端面试专题整理

    全是从网上整理的(狗头保命) vue3.0 与vue2.0的区别:https://juejin.im/post/6844904128628391944 目录结构发生变化: 移除了配置文件目录(config与build文件夹),但是多了env.production与env.development,除了文件位置,实际配置和2.0没有什么不同,没有config文件,跨域配置转移到vue.confi...

  • 单日课程超10万节!VIPKID 如何通过实时计算提升上课体验?

    行业解决方案、产品招募中!想赚钱就来传!>>> 摘要:对于以互联网形式的在线教育来说,实时计算应用的场景非常之多,如何通过数据计算来更快、更高效地反馈学习效果保证课程质量是在线教育领域不断探索的主题。本文将从以下四个部分分享,与大家探讨在直播上课过程中如何通过实时计算来提高人效以及系统处理能力。 VIPKID 介绍 核心业务场景 技术实现 总结 Tips: 查看更多最佳实践文章可点击文末链接...

  • 如何基于 Electron 开发跨终端的应用

    自我介绍 欢迎大家来到今天的早早聊跨端跨栈专场,今天我分享的主题是《如何基于 Electron 开发跨终端的应用》。先做一下自我介绍,我叫逯子洋,17 年加入政采云,目前主要负责政采云前端工程化平台敦煌以及政采云电子招投标客户端的建设。这边是我们团队的微信公众号,大家如果想对我们团队有更多的了解,可以关注一下我们的公众号。 首先我们分享的第一块叫端的延展。不知道大家对这张图熟不熟悉,前段时间...

  • jQuery Mobile第2课

    Today we continue our lessons about jQuery Mobile. In this lesson we will look at examples of jQuery Mobile initialization, creation of pages, event handlers, page transitions and other. 今天,我们继续关于j...

  • MySQL:互联网公司常用分库分表方案汇总

    点击上方 IT牧场 ,选择 置顶或者星标 技术干货每日送达! 作者:尜尜人物 cnblogs.com/littlecharacter/p/9342129.html 本文目录 一、数据库瓶颈 IO瓶颈 CPU瓶颈 二、分库分表 水平分库 水平分表 垂直分库 垂直分表 三、分库分表工具 四、分库分表步骤 五、分库分表问题 非partition key的查询问题 非partition key跨库跨...

  • 人工智能那么火~如今AI的应用场景都有哪些?

    作者:新智元 链接:https://www.zhihu.com/question/282715644/answer/1329782546 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 【未来5年AI应用报告】谷歌、DeepMind、英伟达科学家支招企业AI应用 ReWork的一份最新AI落地应用报告,阐述了企业该如何使用AI技术。谷歌的Ian GoodFe...

  • Spring Security 中的四种权限控制方式

    江南一点雨 公众号:江南一点雨,书《Spring boot+Vue实战》 9 人赞同了该文章 Spring Security 中对于权限控制默认已经提供了很多了,但是,一个优秀的框架必须具备良好的扩展性,恰好,Spring Security 的扩展性就非常棒,我们既可以使用 Spring Security 提供的方式做授权,也可以自定义授权逻辑。一句话,你想怎么玩都可以! 今天松哥来和大家介...

华为云40多款云服务产品0元试用活动

免费套餐,马上领取!
CSDN

CSDN

中国开发者社区CSDN (Chinese Software Developer Network) 创立于1999年,致力为中国开发者提供知识传播、在线学习、职业发展等全生命周期服务。