Ext JS百强应用:谈谈json 与 jsonp 的区别 --第1强

Jsonp(JSON with Padding)是 json 的一种“使用模式”,可以让网页从别的网域获取资料。


谈谈跨域:

由于同源策略,一般来说位于 server1.example.com 的网页与不是 server1.example.com 的服务器沟通,而 HTML 的 <script> 元素是一个例外。利用 <script> 元素的这个开放策略,网页可以得到从其他来源动态产生的 JSON 资料,而这种使用模式就是所谓的 JSONP。用 JSONP 抓到的资料并不是 JSON,而是任意的JavaScript,用 JavaScript 直译器执行而不是用 JSON 解析器解析。

核心思想是利用JS标签里面的跨域特性进行跨域数据访问,在JS标签里面存在的是一个跨域的URL,实际执行的时候通过这个URL获得一段字符串,这段返回的字符串必须是一个合法的JS调用,通过EVAL这个字符串来完成对获得的数据的处理。


大多JS框架都支持一个包装后的JSONP实现。
例如EXTJS:
在URL里面指定跨域的目标地址,在PARAMS里面指定传递过去的参数,这些都和AJAX的实现一样。
不一样的地方如下:
实际传递的时候,EXT框架会自动添加一个叫做callback的参数,这个参数每次调用都不一样,不用管他。
在后台处理的时候,获得这个callback的参数,直接把它当做一个js函数调用的名字,加上括号,和你自己希望提供的字符串,组合起来就是一个合法的js方法调用,在ext框架里面,这个方法调用的是success方法


JSP的后台例子:
String paramS= request.getParameter("paramStr");
String callback = request.getParameter("callback");
out.println(callback + "('" + serverSide.exec(paramS) + "')");
前台例子略,参考EXT的AJAX例子


【以下是官方内容】
JSONP是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问(这仅仅是JSONP简单的实现形式)。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值