你的位置:首页 > 软件开发 > Java > jsonp跨域请求学习笔记

jsonp跨域请求学习笔记

发布时间:2015-03-13 16:00:34
前言ajax,用苍白的话赞扬:很好。我们可以使用ajax实现异步获取数据,减少服务器运算时间,大大地改善用户体验;我们可以使用ajax实现小系统组合大系统;我们还可以使用ajax实现前端的优化。(好一个排比)虽然ajax很好,但在使用起来也会有一定的限制,出于安全考虑,不允许跨域 ...

jsonp跨域请求学习笔记

前言

ajax,用苍白的话赞扬:很好。

我们可以使用ajax实现异步获取数据,减少服务器运算时间,大大地改善用户体验;我们可以使用ajax实现小系统组合大系统;我们还可以使用ajax实现前端优化。(好一个排比)

虽然ajax很好,但在使用起来也会有一定的限制,出于安全考虑,不允许跨域通信。如果尝试从不同的域请求数据,会出现安全错误。(下面例子1可以直观看出)

同源策略限制

同源策略阻止从一个域上加载的脚本获取或操作另一个域上的文档属性。也就是说,受到请求的 URL 的域必须与当前 Web 页面的域相同。这意味着浏览器隔离来自不同源的内容,以防止它们之间的操作。这个浏览器策略很旧,从 Netscape Navigator 2.0 版本开始就存在。——摘自developerWorks

所谓同源是指,域名,协议,端口相同。

平地一声吼

本文讲解的是怎么利用ajax利用jsonp实现跨域请求,那么知道“同源策略”,就可以解决很多疑问:“为毛我的ajax加载不了数据!”“为毛浏览器控制台会对我如此漂亮的代码报错!”

例子1

先上一个错误示范

客户端代码:

<script>  // 客户端使用getJSON方法请求另一台机子上的脚本  $.getJSON("http://172.22.22.120/new/ajax.php",function(json){    alert(json.website);  });</script>

原标题:jsonp跨域请求学习笔记

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。