千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > 千锋HTML5教程之Jsonp介绍

千锋HTML5教程之Jsonp介绍

来源:千锋教育
发布人:小锋
时间: 2019-09-09 13:53:00 1568008380

  Jsonp原理:

  咱们先看看POST的数据发送位置:

图片1

  GET的数据发送位置:

图片2

  那什么情况下会发生跨域呢?

  当本机请求服务器上数据的时候:会发生跨域;

  当本地服务器请求其他服务器数据的时候回发生跨域;

  为什么要跨域呢?

  同源策略:基于浏览器的安全考虑,浏览器各个厂商之间出现了一个约定,这个约定叫做同源策略。这个约定的主要内容就是,域和域之间数据不共通。

  跨域的用途是什么?

图片3

  当网站发展壮大到一定地步的时候,会建立很多的节点,各个节点的IP是不同的,所以跨域问题就会出现。

  当测试阶段数据和本机的IP不通用的时候,那么跨域问题也会发生。

  为什么要跨域?

  因为要获得其他域中的数据;

  JSONP解决跨域的原理。

  JSONP。

  JSONP是什么那?

  说到JSONP不得不说一说程序员了:

  JSONP是伟大程序员与安全策略的斗争中发明的;

  JSONP就是在URL中调用function;

  function handle(res){

  alert(res.city+":"+res.region_name+":"+res.ip)

  }

  var script=document.createElement('script');

  script.src='http://freegeoip.net/json/?callback=handle'

  window.onload=function(){

  body.appendchild(script)

  }

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT