No 'Access-Control-Allow-Origin' Ajax跨域访问解决方案

跨域问题的服务器端与客户端解决方法

最新推荐文章于 2023-08-29 16:38:30 发布

原创最新推荐文章于 2023-08-29 16:38:30 发布 · 978 阅读

0 ·

CC 4.0 BY-SA版权

js Jquery 专栏收录该内容

3 篇文章

订阅专栏

博客介绍了跨域问题的两种解决方法。服务器端可在filter或servlet里添加响应头，允许跨域访问，但不建议此修改；客户端可将ajax请求的dataType属性设为“jsonp”来解决跨域。

一：服务器端解决
在服务器端的filter或者servlet里面添加
response.setHeader("Access-Control-Allow-Origin", "*");
“Access-Control-Allow-Origin”表示允许跨域访问，“*”表示允许所有来源进行跨域访问，这里也可以替换为特定的域名或ip。

不建议此种修改

二：客户端修改

$.ajax(url, {
data: {},
dataType: 'jsonp',
crossDomain: true,
success: function(data) {
if(data && data.code== '200'){
console.log(data.result);
}
}
});

将ajax请求中的dataType属性设置为“jsonp”，jsonp是可以用来解决跨域