admin管理员组文章数量:1395066
分析
- 打开控制台发现会有这条错误信息:
has been blocked by CORS policy: The ‘Access-Control-Allow-Origin’ header co…
- 而直接get是有数据的,说明服务器是正常的
- 使用浏览器f12抓包发现浏览器ajax异步请求没有获取到服务器响应的JSON数据
- 带参数copy ajax异步请求的地址,直接放浏览器回车.发现成功响应了json数据
- 再使用专业一点的fiddler抓包,发现ajax异步post请求服务器是响应了json数据,而在浏览器里却没有
- 可以得出结论是浏览器屏蔽了服务器的响应数据
解决办法
服务器端过滤器doFilter()
里设置响应头,解决浏览器屏蔽跨域请求响应的数据问题
HttpServletResponse response = (HttpServletResponse) servletResponse;
HttpServletRequest request = (HttpServletRequest) servletRequest;
//http://xxx.xxx.xxx.xxx是你的前端地址 不是80端口有端口请设置端口http://xxx.xxx.xxx.xxx:端口号
response.setHeader("Access-Control-Allow-Origin","http://xxx.xxx.xxx.xxx");
response.setHeader("Access-Control-Allow-Credentials","true");
filterChain.doFilter(request, response);
注意
http://xxx.xxx.xxx.xxx
和http://xxx.xxx.xxx.xxx:80
对于浏览器来说是有区别的,如果你的前端端口是80端口,请不要在http://xxx.xxx.xxx.xxx
后面添加80端口,请直接使用http://xxx.xxx.xxx.xxx
版权声明:本文标题:解决浏览器直接get能获取数据而ajax post却不能 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.betaflare.com/biancheng/1737922875a2036316.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论