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