采用JSONP方式实现跨域
JSONP是一种协议,为了解决客户端请求服务器跨域(跨域这事就不解释了)的问题,是实现跨域的一种手段,但是并非是正式的传输协议。该协议的一个要点就是允许用户传递一个callback参数给服务端,然后服务端返回数据时会将这个callback参数作为函数名来包裹住JSON数据,这样客户端就可以随意定制自己的函数来自动处理返回数据了。
所以它的访问还需要后端进行配合。返回的数据需要是callback参数套住真正数据的格式。
Callback({msg:'this is json data'})
基本解决思路:就是浏览器同源策略不限制
- 需要注意的是该方案只支持 GET 方式,其他方式都不支持
- JSONP主要被老的浏览器支持,它们往往不支持CORS,而绝大多数现代浏览器都已经支持了CORS
比较完整的 JSONP学习博客 在此 jQuery jsonp跨域请求
采用CORS 跨域访问
- 需要注意的是CORS支持所有类型的HTTP请求
- 而且现代浏览器基本上都支持
CORS背后的基本思想是使用自定义的HTTP头部允许浏览器和服务器相互了解对方,从而决定请求或响应成功与否.
核心做法 就是在响应头中(response)加上一些属性值
Access-Control-Allow-Origin:指定授权访问的域
Access-Control-Allow-Methods:授权请求的方法(GET, POST, PUT, DELETE,OPTIONS等)
学习博客在此 CORS 跨域 实现思路及相关解决方案