好程序员-千锋教育旗下高端IT职业教育品牌

400-811-9990
  • 客服QQ
  • 官方微信

    好程序员

    专注高端IT职业培训

[HTML5] 好程序员web前端学习路线分享Jsonp详解

[复制链接]
429 0
叶子老师 发表于 2019-9-4 13:53:02 | 只看该作者 |阅读模式 打印 上一主题 下一主题
好程序员web前端培训分享Jsonp详解,Jsonp原理:

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




GET的数据发送位置




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

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

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

为什么要跨域呢?

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




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

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

为什么要跨域?

因为要获得其他域中的数据;
JOSNP解决跨域的原理。

JOSNP

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)
}
好程序员web前端培训官网:http://www.mygod78.com/html5_class.shtml

精彩内容,一键分享给更多人!
收藏
收藏0
转播
转播
分享
淘帖0
支持
支持0
反对
反对0
您需要登录后才可以回帖

本版积分规则

关注我们
千锋好程序员

北京校区(总部):北京市海淀区宝盛北里西区28号中关村智诚科创大厦

深圳西部硅谷校区:深圳市宝安区宝安大道5010号深圳西部硅谷B座A区605-619

杭州龙驰智慧谷校区:浙江省杭州市下沙经济技术开发区元成路199号龙驰智慧谷B座7层

郑州校区:郑州市二七区航海中路60号海为科技园C区10层、12层

Copyright 2007-2019 北京千锋互联科技湖南福彩网 。All Right

京ICP备12003911号-5 京公安网11010802011455号

请您保持通讯畅通1对1咨询马上开启

江苏福彩网 上海福彩网 西藏福彩网 西藏福彩网 江苏福彩网 江苏福彩网 上海福彩网 湖南福彩网 淅江福彩网 湖南福彩网