脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → AJAX相关 → ajax 实现跨域访问

Ajax实现跨域访问最新解决方案

 更新时间：2018年07月13日 10:14:16   作者：时尚大肠脸  
在项目开发过程中，我们经常会遇到同一个域名下不同项目之间通过Ajax相互调用数据，这样问题就来了，如何通过Ajax实现跨域呢？下面脚本之家小编给大家带来了Ajax实现跨域访问最新解决方案，感兴趣的朋友一起看看吧

在实际项目当中，我们经常会遇到同一个域名下不同项目之间通过Ajax相互调用数据，这样问题就来了，如何通过Ajax实现跨域呢？

解决方案

1.Jsonp

Jsonp解决跨域相对简单，服务器无需任何配置。具体实现如下：

$.ajax({
  type: 'get',
  url: 'http://xxx.com',
  data: {},
  dataType: 'jsonp',
  success: function (data) {
    
  },
  error: function (data) {
    mask.close();
    toast('请求失败');
  }
});

2.CORS

CORS解决方案需要前端和服务端共同配置才能实现

前端

$.ajax({
  url: 'http://xxx.com',
  type: 'post',
  xhrFields:{
    withCredentials:true
  },
  data: {},
  success: function(res){
  },
  error: function(){
    alert('服务器发生错误！');
  }
});

服务端(在程序入口文件配置)

header('Access-Control-Allow-Origin: http://xxx.com');
header('Access-Control-Allow-Credentials: true');
header('Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept');

总结

以上所述是小编给大家介绍的Ajax实现跨域访问最新解决方案，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

相关文章

  • Ajax验证用户的唯一性

    Ajax验证用户的唯一性

    这篇文章主要介绍了Ajax验证用户的唯一性，验证环境Ajax+Jquery+Json+struts2，感兴趣的小伙伴们可以参考一下
    2016-05-05
  • 爬取今日头条Ajax请求

    爬取今日头条Ajax请求

    今天小编就为大家分享一篇关于爬取今日头条Ajax请求的文章，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
    2018-10-10
  • Ajax长连接项目案例

    Ajax长连接项目案例

    所谓的长连接，就是不断去发送请求，把请求阻塞在服务器端，每次超过请求时间就去重新发送请求，下面以一个实例为大家详细介绍下，感兴趣的朋友可不要错过了哈
    2013-08-08
  • Ajax局部刷新应用案例---简单登录

    Ajax局部刷新应用案例---简单登录

    Ajax局部刷新在之前的文章中也有介绍过，下面以一个登录的例子为大家介绍下其具体的使用
    2013-12-12
  • Ajax 配合node js multer 实现文件上传功能

    Ajax 配合node js multer 实现文件上传功能

    这篇文章主要介绍了Ajax 配合node js multer 实现文件上传功能,需要的朋友可以参考下
    2017-08-08
  • webform使用ajax访问后端接口的两种方法小结

    webform使用ajax访问后端接口的两种方法小结

    这篇文章主要介绍了webform使用ajax访问后端接口的两种方法小结,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-11-11
  • Ajax实现文件上传功能(Spring MVC)

    Ajax实现文件上传功能(Spring MVC)

    这篇文章主要为大家详细介绍了Ajax实现文件上传功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-02-02
  • ajax动态赋值echarts的实例(饼图和柱形图)

    ajax动态赋值echarts的实例(饼图和柱形图)

    下面小编就为大家分享一篇ajax动态赋值echarts的实例(饼图和柱形图)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • 解决IE下AjaxSubmit上传文件提示下载文件问题

    解决IE下AjaxSubmit上传文件提示下载文件问题

    这篇文章主要介绍了解决IE下AjaxSubmit上传文件提示下载文件问题,需要的朋友可以参考下
    2017-04-04
  • 你的jquery ajax无效和你的jquery引入路径有关

    你的jquery ajax无效和你的jquery引入路径有关

    当你发现你的jquery ajax无效的时候,不妨使用 fire bug调试一下，这时你会发现，提示"$"无效，为什么会有这种提示呢？可能是你引入jquery.js的路径有问题
    2013-06-06

最新评论