网页小Widget应用之数据绑定新方式:JSONP

简介: 所谓JSONP,是跨域的一种访问方式,其特点在于比较方便地运行第三方的请求会话来进行跨域。在跨域这一点上,可以说是毫无顾忌的。跨域(Cross-Domain)在网络安全眼中可不是什么客气的行为。利弊兼有之,弄不好的话既不能为第三方提供访问数据的服务,又暴露了更多的安全漏洞,严重的还会引狼入室。

所谓JSONP,是跨域的一种访问方式,其特点在于比较方便地运行第三方的请求会话来进行跨域。在跨域这一点上,可以说是毫无顾忌的。跨域(Cross-Domain)在网络安全眼中可不是什么客气的行为。利弊兼有之,弄不好的话既不能为第三方提供访问数据的服务,又暴露了更多的安全漏洞,严重的还会引狼入室。一般的WebService中,支持JSON的还比较少,多数采用XML文档作为答应结果的格式文档。但是我们一方面知道,结合Script标签的src的自由性,却有无比的想象空间。那么能不能理由<script src="XXX">这个自由的触手去触碰任意一个角落的WebService呢?能,,不过限定采用的格式只能是JSON格式!

既然能够可靠的跨域,那么要求变换另外一个载体格式也是情理之中的,正所谓“鱼和熊掌不可兼得”,况且JSON不一定见得凑合不上。一些WebService供应商还是愿意使用JSON作为可选格式的,这样我们的浏览器有一次变为强大的客户端了,呵呵暗笑~是不是有点单纯式的浅薄呢~。

打开Ext.ux.JSONP的源码 , 与标准库的Ext.data.ScriptProxy的实现如出一辙。使用方法如例子 :

这个例子是用户输入几个关键字,然后让Flicker查询相关的图片。request()方法第一个参数是WebService的地址,当前就是Flicker向公众公开的API地址。我们声明格式是params.foamt:jspon,提交的参数是params.tags的输入内容。Flicker API答应请求后,将结构返回浏览器客户端,即updateResults的函数中处理,列出查询的结果。点击图片打开例子演示。

可以说,这时候客户端就是Flicker的“马甲”,使用Flicker的服务,允许让用户自由地整合——用时下流行的Bizzword说,便是Mashup。

我们看看一个更复杂的进阶例子,演示地址在这儿 。它是有前面Ext Core的几个例子(Menu + Flickr JSONP + Carousel + Lightbox)所组成的,正是一个很好的示范例子(点击图片打开例子)。

 

跨域,是为“同源策略”之反动。客户端的访问权限渐松,方便了爱好浏览器编程的人,所以也就诞生了JSONP(JSON with Padding)。

目录
相关文章
|
机器学习/深度学习 编解码 人工智能
麻省理工AI新研究可将马赛克变视频
【2月更文挑战第30天】麻省理工学院等机构的研究团队推出AI新技术FeatUp,可将低分辨率图像提升为高清视频,该技术在2024年ICLR会议上引起关注。FeatUp基于深度特征提取,通过多视角一致性损失恢复空间信息,提高视频清晰度。模型通用性强,适用于多种任务和现有应用。实验显示,它在图像超分辨率和端到端学习模型性能提升上超越其他方法。然而,尚存在对某些内容处理不完善和计算资源需求高的局限性。
264 2
麻省理工AI新研究可将马赛克变视频
|
2月前
|
存储 网络协议 C#
C#实现与西门子S7-1200/1500 PLC通信
C#实现与西门子S7-1200/1500 PLC通信
|
4月前
|
NoSQL Java 数据库连接
实战|StarRocks 通过 JDBC Catalog 访问 MongoDB 的数据
本文章介绍如何通过 StarRocks 的 JDBC Catalog 功能,结合 MongoDB BI Connector,将 MongoDB 数据便捷接入 StarRocks,实现数据打通和 SQL 查询分析,以下是整体流程图。
|
机器学习/深度学习 Kubernetes Cloud Native
新闻:FinOps领域重大并购:IBM收购Kubecost,强化云成本管理版图
2024年10月17日,IBM宣布正式收购FinOps初创公司Kubecost,进一步巩固其在云成本管理和优化领域的领导地位。FinOps 从 2019 年提出至今,行业进入并购阶段,标志着其逐渐成熟,其中优化(尤其是自动化优化)是最具潜力和价值的环节,也是云智优本目前的核心战略方向。
267 9
|
8月前
|
机器学习/深度学习 人工智能 缓存
探秘 DeepSeek:那些你必须了解的事
DeepSeek是一家由中国幻方量化支持的创新型AI公司,专注于开发高性能、低成本的大语言模型。其独特的技术路径打破了参数规模、能耗成本和认知可靠性之间的“三元悖论”,实现了在单张显卡上运行170亿参数模型的突破。DeepSeek通过开源策略和高性价比模型(如DeepSeek-R1),大幅降低了AI应用门槛,推动了全球开发者社区的发展。其应用场景广泛覆盖教育、医疗、金融等领域,显著提升了工作效率和服务质量。DeepSeek的成功不仅在于技术创新,更在于其开放合作的理念,正引领AI行业的新变革。
1126 9
探秘 DeepSeek:那些你必须了解的事
|
SQL 存储 关系型数据库
SQL语言优缺点有哪些?
SQL(Structured Query Language)语言作为数据库管理和操作的标准语言,具有一系列的优点,同时也存在一些缺点。
334 7
|
存储 Linux 开发工具
Linux手动升级替换Android Studio
【6月更文挑战第22天】
388 8
|
弹性计算 人工智能 架构师
阿里云携手Altair共拓云上工业仿真新机遇
2024年9月12日,「2024 Altair 技术大会杭州站」成功召开,阿里云弹性计算产品运营与生态负责人何川,与Altair中国技术总监赵阳在会上联合发布了最新的“云上CAE一体机”。
阿里云携手Altair共拓云上工业仿真新机遇
|
12月前
|
SQL 安全 网络安全
网站攻击类型
【10月更文挑战第13天】网站攻击类型
214 5
|
供应链 安全 Cloud Native
阿里云容器服务助力企业构建云原生软件供应链安全
针对软件供应链的攻击事件在以每年三位数的速度激增,其中三方或开源软件已经成为攻击者关注的重要目标,其攻击方式和技术也在不断演进。通过供应链的传播,一个底层软件包的漏洞的影响范围可以波及世界。企业亟需更加标准和完善的供应链风险洞察和防护机制。本文将结合最佳实践的形式,面向容器应用完整的生命周期展示如何基于容器服务ACK/ACR/ASM助力企业构建云原生软件供应链安全。