同源策略与跨域解决方案

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Trifling_/article/details/52724643

本文将介绍两种重要的ajax跨域解决方案(jsonp、CORS),在网上看了这么多有关同源策略的介绍,感觉都说得不是很清楚,都只是提到了一部分,站在巨人的肩膀上我简单总结所谓的 “同源策略”

同源策略: 就是为了保证数据安全的一个实现方法,不允许跨域访问数。

       本质:在发起http请求的时候浏览器并没有做任何的同源策略限制(只是跨域请求头部不会带当前cookie),也就是它能向任何域发起http请求,浏览器是在后台返回数据的时候做的同源策略限制,它会先判断请求的域和当前域是否是同一个域一下。如果不是同一域名、协议、端口就存在跨域问题。有同源策略的限制。而在script、img、iframe中浏览器没有对其做限制。

1、JSONP 


script实现跨域,src 后面跟url地址,如 src=“http://localhost:8080/FirstTest/index.html?callBack=log”,服务器返回的是log(argument)方法(js文本),并立即调用执行;相当于加载了一个js文件,而文件里面就是调用log方法,参数就是argument。

写法很简单再次就不做详细介绍,可参照 http://wwwcomy.iteye.com/blog/1814181

                                                                http://kb.cnblogs.com/page/139725/

2、CORS(Cross-Origin Resource Sharing)

可以通过设置 response.setHeader("Access-Control-Allow-Origin", "http://localhost:8090"); 来控制信任的源,  第二个参数表示可访问的源,在这个域下都可以请求访问数据,不受浏览器同源策略的影响。' * ' 表示所有域都为可信任,都可以访问(很少这样使用)。

8080端口访问8090端口并返回数据


request url表示请求的地址 8090端口,request headers Origin 表示request的域、源,response hearders 中的access control allow origin 表示可信任的源。当request url与request headers Origin 中的域不一样时就存在跨域访问,之所以再此不存在跨域问题是因为response hearders 中我添加了可访问源为8080端口,

response.setHeader("Access-Control-Allow-Origin", "http://localhost:8080"); 


当然还是其它一些跨域方式, jquery中的ajax以及$.getScript,   $.getJSON 都支持跨域,参考http://www.cnblogs.com/2050/p/3191744.html

猜你喜欢

转载自blog.csdn.net/Trifling_/article/details/52724643