Jsonp原理就是这么简单

原创 2016年11月24日 18:06:34

      原理:包裹数据的js数据文件,自动执行,找到目标函数,通过传参,把数据注入进去。

      当你打开本篇博文,证明你已经大体知道了Jsonp的作用了。但如果你需要我介绍一下,我也可以简单介绍:

      简单说,就是解决“跨域”请求数据的作用。“跨域”,不同域名、不同ip、不同端口的数据访问,都属于跨域。js本身对跨域数据请求是不被允许的;但跨域请求js却是允许的。在这种情况下,聪明的程序员们想到了,怎样把数据冒充成js的形式,以通过安全检查。数据的承载形式有很多种,可以是xml、json等,json数据格式属于所有语言都支持的语言,因而被选中。jsonp,即json padding。

      下面进入我们今天的主题:

      在我们编程中,fun1()需要取得fun2()返回的数据,那么可以在fun1()中调用fun2(),取得数据(如):

聪明的程序员们,采用了另一种方式:

大家都知道,在js中,像(function(){…})(); 和 (function(){…}()); 这样的函数,具有自动执行的能力。jsonp就运用这一技术,上面的【Jsonp方式】。将fun3({"haulData":"999"});保存为js文件,将本文件引入,就能获得数据了。

版权声明:本文为博主原创文章,未经博主允许不得转载。

回首走过的四年,继续前方的征程

回首已经四年了,一眨眼间时光从我们的指缝间溜走了,从我们的键盘上溜走了,从我们的显示屏溜走了,好像我们一直在对着电脑看视频,学习,敲代码,敲着敲着就四年了,这一路走来,有辛酸,有泪水,有痛苦,有失望,...

给你的项目添加一个灵活的“开关”

项目中对接了一个代付通道,每次测试代付功能都是发起代付请求之后,需要等十几到二十几分钟才能返回代付结果,甚至期间通道偶尔会出现一些问题,更尴尬的是等了好长时间,返回的结果是代付失败(代付通道测试环境返...

简单透彻理解JSONP原理及使用

什么是JSONP 首先提一下JSON这个概念,JSON是一种轻量级的数据传输格式,被广泛应用于当前Web应用中。JSON格式数据的编码和解析基本在所有主流语言中都被实现,所以现在大部分前后端分离的架...

简单透彻理解JSONP原理及使用

什么是JSONP首先提一下JSON这个概念,JSON是一种轻量级的数据传输格式,被广泛应用于当前Web应用中。JSON格式数据的编码和解析基本在所有主流语言中都被实现,所以现在大部分前后端分离的架构都...

JSONP实现原理

  • 2017年11月28日 10:56
  • 483KB
  • 下载

JSONP跨域的原理解析---一种脚本注入行为

JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中,有一个很重要的安全性限制,被称为“Same-Origin Policy”(同源策略)。这一策略对于Java...

JSONP跨域请求原理及实现

什么是JSONP? 先说说JSONP是怎么产生的: 其实网上关于JSONP的讲解有很多,但却千篇一律,而且云里雾里,对于很多刚接触的人来讲理解起来有些困难,着用自己的方式来阐释一下这个...

JS跨域(ajax跨域、iframe跨域)解决方法及原理详解(jsonp)

这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被...

淘淘商城系列——jsonp的原理及两种实现方式

首先,说下什么是跨域?有以下两种方式的跨域: 域名不同 域名相同,端口不同 解决js的跨域问题可以使用jsonp。那接下来说下什么是jsonp? jsonp不是新技术,它只是一种跨域的解决方案,使用...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Jsonp原理就是这么简单
举报原因:
原因补充:

(最多只允许输入30个字)