jsonP小结

前端之家收集整理的这篇文章主要介绍了jsonP小结前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

根据总结网上的文章,小结如下:

js弱类型语言

同源策略:Access-Control-Allow-Origin

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


JSONP的作用:
由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源,为了实现跨域请求,可以通过script标签实现跨域请求,然后在服务端输出JSON数据并执行回调函数,从而解决了跨域的数据请求。

利用script的跨域能力,这就是jsonp的基础。



Jsonp原理:

首先在客户端注册一个callback,然后把callback的名字传给服务器。
此时,服务器先生成 json 数据。
然后以 javascript 语法的方式,生成一个function,function 名字就是传递上来的参数 callback。
最后将 json 数据直接以入参的方式,放置到 function 中,这样就生成了一段 js 语法的文档,返回给客户端。
客户端浏览器,解析script标签,并执行返回的 javascript 文档,此时数据作为参数,传入到了客户端预先定义好的 callback 函数里.(动
态执行回调函数


在 JSONP 的使用模式里,该 URL 回传的是由函数呼叫包起来的动态生成 JSON,这就是JSONP 的“填充(padding)”或是“前辍(prefix)”的由来。

jsonp返回的数据并不是json,而是javascrip


JSON是一种数据交换格式,而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。例如:JSON是地下党们用来书写和交换情报的“暗号”,而JSONP则是把用暗号书写的情报传递给自己同志时使用的接头方式。一个是描述信息的格式,一个是信息传递双方约定的方法


ajax和jsonp的区别:
  1、ajax和jsonp这两种技术在调用方式上“看起来”很像,目的也一样,都是请求一个url,然后把服务器返回的数据进行处理,因此jquery和ext等框架都把jsonp作为ajax的一种形式进行了封装;
  2、但ajax和jsonp其实本质上是不同的东西。ajax的核心是通过XmlHttpRequest获取非本页内容,而jsonp的核心则是动态添加<script>标签调用服务器提供的js脚本。
  3、所以说,其实ajax与jsonp的区别不在于是否跨域,ajax通过服务端代理一样可以实现跨域,jsonp本身也不排斥同域的数据的获取
  4、还有就是,jsonp是一种方式或者说非强制性协议,如同ajax一样,它也不一定非要用json格式来传递数据,如果你愿意,字符串都行,只不过这样不利于用jsonp提供公开服务。
  总而言之,jsonp不是ajax的一个特例,哪怕jquery等巨头把jsonp封装进了ajax,也不能改变这一点!




jsonp的缺点:



JSONP 是构建 mashup 的强大技术,但不幸的是,它并不是所有跨域通信需求的万灵药。它有一些缺陷,在提交开发资源之前必须认真考虑它们

第一,没有关于 JSONP 调用错误处理。如果动态脚本插入有效,就执行调用;如果无效,就静默失败。失败是没有任何提示的。例如,不能从服务器捕捉到 404 错误,也不能取消或重新开始请求。不过,等待一段时间还没有响应的话,就不用理它了。(未来的jQuery 版本可能有终止 JSONP 请求的特性)。

第二,被不信任的服务使用时会很危险。因为 JSONP 服务返回打包在函数调用中的 JSON 响应,而函数调用是由浏览器执行的,这使宿主 Web 应用程序更容易受到各类攻击。如果打算使用 JSONP 服务,了解它能造成的威胁非常重要。

它只能支持GET,而不能支持POST请求,所以它的参数一定是带在HTTP头中的,会受到一些参数的限制,比如长度限制




jsonp的优点:
第一:能跨域了。
第二:将回调方法的权限给了调用方。这个就相当于将controller层和view层终于分开了。我提供的jsonp服务只提供纯服务的数据,至于提供服务以后的页面渲染和后续view操作都由调用者来自己定义就好了。如果有两个页面需要渲染同一份数据,你们只需要有不同的渲染逻辑就可以了,逻辑都可以使用同一个jsonp服务。
第三:不需要浏览器能支持XMLHTTPRequest,就是说所有的浏览器都可以使用这个技术。


参考文章

http://www.biaodianfu.com/json-jsonp.html

http://justcoding.iteye.com/blog/1366102

http://www.cnblogs.com/yuzhongwusan/archive/2012/12/11/2812849.html

http://justcoding.iteye.com/blog/1366102

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


http://www.open-open.com/lib/view/open1388316392141.html

http://www.css88.com/jqapi-1.9/jQuery.ajax/

http://www.biaodianfu.com/json-jsonp.html

http://justcoding.iteye.com/blog/1366102

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

http://www.cnblogs.com/Ghost-Draw-Sign/articles/1835974.html http://meiowei.iteye.com/blog/413976

原文链接:https://www.f2er.com/json/289547.html

猜你在找的Json相关文章