使用Ajax怎么实现跨域访问

使用Ajax怎么实现跨域访问？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

创新互联公司-专业网站定制、快速模板网站建设、高性价比鲁山网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式鲁山网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖鲁山地区。费用合理售后完善，10余年实体公司更值得信赖。

解决方案

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怎么实现跨域访问的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联行业资讯频道，感谢各位的阅读！