解决ajax、js无法跨域向服务器请求数据的问题
2017-08-10 14:24
1131 查看
出于安全的原因,几乎所有的主流浏览器都是不允许js或ajax跨域进行数据请求的。如果程序员非要那么做的话,会得到以下的错误提示:
但是几乎现在所有的web开发团队或公司都会采用前后端分离的开发架构,这就导致了前端页面不得不去跨域访问服务器端,从而获得所需的数据。
在前端层面,有很多的解决方案可以解决这一问题。但是在后端层面也有非常方便的方法。
我平时是使用Java进行web开发的,因此在服务器端的代码中,只要加上这样一句代码就可以了:
注意该方法的第二个入参,这个入参在这里使用的是“*”,表示任何一个客户端都可以跨域访问到服务器端。但是如果需要为访问安全做设想的话,那么这个参数可以直接写成某个域名或是ip地址,这样就只有这个域名或ip地址能够跨域访问服务器了
XMLHttpRequest cannot load ''. No 'Access-Control-Allow-Origin' header is present on the requested resource.
但是几乎现在所有的web开发团队或公司都会采用前后端分离的开发架构,这就导致了前端页面不得不去跨域访问服务器端,从而获得所需的数据。
在前端层面,有很多的解决方案可以解决这一问题。但是在后端层面也有非常方便的方法。
我平时是使用Java进行web开发的,因此在服务器端的代码中,只要加上这样一句代码就可以了:
/* * 允许客户端浏览器跨域访问 */ response.setHeader("Access-Control-Allow-Origin", "*");
注意该方法的第二个入参,这个入参在这里使用的是“*”,表示任何一个客户端都可以跨域访问到服务器端。但是如果需要为访问安全做设想的话,那么这个参数可以直接写成某个域名或是ip地址,这样就只有这个域名或ip地址能够跨域访问服务器了
相关文章推荐
- dhl:ajax无法跨域改用getJSON(解决服务器返回json数据中文为乱码的问题$.ajaxSetup({ scriptCharset: "utf-8" , contentType: "application/json; chars)
- 解决ajax跨域请求数据cookie丢失问题
- 解决ajax跨域请求数据cookie丢失问题
- ajax请求json类型无法跨域传递cookie的问题解决
- 解决ajax跨域请求数据cookie丢失问题
- 用ajax的同步请求解决登陆注册需要根据服务器返回数据判断是否能提交的问题
- 为什么返回的数据前面有callback? ashx/json.ashx?的后面加 callback=? 起什么作用 js url?callback=xxx xxx的介绍 ajax 跨域请求时url参数添加callback=?会实现跨域问题
- html用ajax请求服务器后端java接口跨域问题解决
- jquery 请求ie缓存,数据不更新的问题【ajax禁用缓存解决ie数据不更新的问题】
- jquery 请求ie缓存,数据不更新的问题【ajax禁用缓存解决ie数据不更新的问题】
- 求ajax跨域请求js拒绝访问解决办法
- 由一个论坛帖子, 解决udp 服务器无法返回数据给第一个客户端的问题
- 通过jsonp解决ajax的跨域请求问题
- 通过JS向表单中增加元素后提交无法获取数据问题的解决。
- ajaxcdr方便js,ajax跨域请求数据
- jquery 请求ie缓存,数据不更新的问题【ajax禁用缓存解决ie数据不更新的问题】
- 解决Ajax请求时 无法获取最新数据
- js跨域问题_跨域请求数据_jQuery跨域