使用Ajax怎么实现跨域访问-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

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


当前文章:使用Ajax怎么实现跨域访问
URL链接:http://kswsj.cn/article/geeded.html

其他资讯