体彩排列五 www.8r31a.com.cn 体彩排列五 > 上网技巧 > 电脑小技巧 > 跨域 ajax 请求之 jsonp 原理解析

跨域 ajax 请求之 jsonp 原理解析

时间:2019-02-23 10:10 作者:QQ地带 我要评论

大概是04年,苏南大叔从hlgnet.com的刘强那边,听说了ajax这个词。就觉得ajax这个东东实在是非常的神奇??梢圆凰⑿乱趁?,就替换页面上的局部内容。是不是?(当年,还没有jquery这个神器呢,需要手写各种浏览器下不同的ajax实现)。
 
后来,大概09年,苏南大叔又从同事那边学来了jsonp这个概念,大概是一个比较厉害的跨域方案。最近几年,对jsonp这个概念又有了个更深刻的认识。
 
 
好吧,不废话了。下面是要点:
 
jsonp本质上是个get请求
也就是说在用jquery发送这个jsonp请求的时候,只要你指定了dataType:'jsonp',那么你指定 type:'post'也是没用的,这个时候,这个请求肯定是get的,无视任何post设定。这个是新手非常容易忽略的一点。
 
jsonp本质上还是在页面中插入了个js
jsonp本质上是在当前页面上插入了个js,然后执行了里面的函数,也就是说,即使你返回的数据里面并非我们仿造的json格式。是普通的js的话,也是会执行的。也就说,请求外站(不可信任站)的jsonp,是个非常傻的行为。能用json,就不用jsonp,这个是出于安全角度提出的要求,新手们也一定要注意。
 
当然了,这点也可以拿来利用,修理那些非法盗数据的网站。怎么个修理法,你们自己想,提示就一点:jsonp的内容会被当做个正常的js在对方页面上完全执行,无保留的执行(以后有空可以给大家写个案例)。甚至去做xss,构造特殊函数,拿cookie。
 
前端角度看json和jsonp差别
对于前端 来说,区别就一个字母。p,下面是相关代码jquery范例:
 
$.ajax({
   type : "get",
   async: false,
   url  : "youraction.php",
   dataType : "json",
   success  : function(json){
   },
   error:function(){
   }
});
$.ajax({
   type : "get",
   async: false,
   url  :  "youraction.php",
   dataType : "jsonp",
   jsonp : "callbackparam",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为:callback)
   jsonpCallback :"success_jsonpCallback",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名
   success : function(json){
   },
   error:function(){
   }
});
jsonp方式里面jsonp和jsonpCallback参数完全忽略即可?;旧厦挥?,如果写上的话,就会影响get请求的参数,例如本来会附加到get上的请求是callback=<随机函数名称>,而上述写法则附加的是callbackparam=success_jsonpCallback。所以说来也是无用的参数啊。
 
后端角度看json和jsonp差别
对于后端来说,区别稍稍有点。本来是输出正常的json,而使用jsonp之后呢,就需要写成个函数的样子了,就是首先要接受callback参数,然后把接收到的参数输出,然后输出一对括号,括号内部再输出json即可。例如:
 
[email protected]($_GET["callback"]);
$json=json_encode(["ok"=>"ok"]);
echo ($callback=="")?$json:$callback."(".$json.")";

标签: ajax
顶一下
(0)
0%
踩一下
(0)
0%

Google提供的广告

  • 萌萌哒童趣美食来袭 “六一”就给小朋友做这个 2019-05-22
  • 庆祝改革开放40年大型主题采访活动启动 2019-05-21
  • 山西出台“金融13条”扶持小微企业  2019-05-21
  • 2016中国大学理学一流学科排行榜:中国科学院大学第一 2019-05-21
  • 对中国,美国只剩下高等学校一个优势。中国应与日、俄、韩、澳实行联合办学机制,不足师资,一起把他们从美国挖过来,所正很多是移民过去的 2019-05-20
  • 候选企业:东方证券股份有限公司 2019-05-20
  • 高房价开始衍生出新一代的低欲望社会! 2019-05-20
  • 凤凰公映礼之《父子雄兵》 2019-05-19
  • 西安七旬老人拄拐到高考志愿咨询会 帮孙子看看报啥学校 2019-05-19
  • 晓港公园花卉馆南侧场地出租项目 2019-05-18
  • 段家寨岔上村党支部主题党日助脱贫 2019-05-18
  • 懒人科技的又一巅峰  “动作识别笔”让生活更便捷 2019-05-17
  • 三晋史话:曹操是如何统一山西的? 2019-05-17
  • 交通部发布端午假期出行指南 教你如何避堵 2019-05-16
  • 苦瓜-热门标签-华商生活 2019-05-16
  • 478| 457| 35| 670| 634| 77| 994| 382| 278| 453|