您好,欢迎访问一九零五行业门户网

关于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');
以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注!
相关推荐:
jquery+ajax+php+mysql开发搜索无跳转无刷新的功能
对于vue中config/index.js:配置的详解
以上就是关于ajax如何实现跨域访问的问题介绍的详细内容。
其它类似信息

推荐信息