同源策略规定,浏览器的ajax只能访问跟它的HTML页面同源(相同域名或IP)的资源。一般有两种解决方式:
(1)服务器端解决方案 :
在服务器端的filter或者servlet里面添加
response.setHeader("Access-Control-Allow-Origin", "*");
“Access-Control-Allow-Origin”表示允许跨域访问,“*”表示允许所有来源进行跨域访问,这里也可以替换为特定的域名或ip。
(2)客户端解决方案:
$(function($){
var url = 'http://www.abc.com/list';
$.ajax(url, {
data: {
'name': 'xiaoming',
'time': '2018-12-12'
},
dataType: 'jsonp',
crossDomain: true,
success: function(data) {
if(data && data.resultcode == '200'){
console.log(data.result.today);
}
}
});
从前端和后端两个角度分析jsonp跨域访问(完整实例)参考
https://blog.csdn.net/zhoucheng05_13/article/details/78694766