手机版
网站地图
美文美图
最新动态
你好,欢迎访问
好美文阅读网
个性皮肤
搜索
网站首页
美文
文章
散文
日记
诗歌
小说
故事
句子
作文
签名
祝福语
情书
范文
读后感
文学百科
美文摘抄
节日文章
名家散文
网名大全
座右铭
口号大全
面试技巧
说说大全
阅读答案
诗词默写
流言蜚语
节日祝福
好句子
经典台词
谚语大全
亲情故事
友情故事
表白情书
工作报告
活动总结
心得体会
专题汇总
美文网首页
有关JSONP和跨域
有关JSONP和跨域
作者:
小白不白Zcq
| 来源:发表于
2018-09-08 17:24 被阅读0次
一、首先,简述一下JSON和JSONP二者的关系
JSON是一种轻量级的数据交换格式;
JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题
二、JSONP原理:
(1)核心原理:
所有具有src属性的HTML标签都可以是跨域的!
(2)具体解释:
1.首先在客户端注册一个回调函数如callback。
2.动态创建一个script标签,将其src值设置为请求地址同时添加参数与回调函数callback
3.服务器端对此get请求进行处理,并返回callback(data),data为服务端返回前端的数据
4.客户端接受到返回的js脚本,开始解析和执行callback
(3)JSONP的局限性:
需要server支持 支持GET请求
三、关于跨域:
1.引起跨域问题的是浏览器的同源策略它是一种为了解决浏览器安全问题的一种约定,所谓同源是指协议、域名、端口号三者相同,否则浏览器就报错。
2.跨域安全限制都是对浏览器端来说得,服务端是不存在跨域安全限制的。
3.具体什么是跨域,我们可以将其分为3点
<1>资源跳转:eg. A链接、重定向、表单提交。
<2>资源嵌入:<link>、<script>、<img>、<frame>、等dom标签,还有样式中background:url()、@font-face()等文件外链
<3>脚本请求: js发起的ajax请求、dom和js对象的跨域操作等
四、跨域的其他方法
1. 首先可以使用CORS,也就是跨域资源共享,它由Server来进行设置,客户端在正式通信前,会先发送一次“预检”请求,如果请求的域名在后台的许可名单之中,会返回一个肯定答复,浏览器就可以正式发送请求了。它有简单请求和非简单请求两种。
2. 还有可以通过nginx反向代理来进行跨域
3. 还可以开启谷歌浏览器的DeBug模式,在本地开发时进行跨域,这也是我在项目中最常用到的方式,因为公司的项目在正式上线后,都位于同一域名下,不会存在跨域问题的
以上就是我对于JSONP和跨域的了解,欢迎大家补充和修正。
相关文章
网友评论
本文标题:
有关JSONP和跨域
本文链接:
https://www.haomeiwen.com/subject/dcflgftx.html
延伸阅读
那年盛夏诗歌
环境监察队工作总结范文
优秀教师学习心得范文
华胥引的读后感300字
《Its red》教学反思范文
农资购销的合同范本
竞选中队委优秀演讲稿
辞金蹈海的成语解释
《世纪宝鼎》公开课教案设计
因为爱你,所以牵挂
今生今世红尘醉——美到
一个90后的内心独白
致已逝去的高中年华
深度阅读
您也可以注册成为美文阅读网的作者,发表您的原创作品、分享您的心情!
情人节
母亲节
重阳节
清明节
端午节
植树节
元宵节
妇女节
愚人节
圣诞节
父亲节
教师节
儿童节
劳动节
青年节
建军节
万圣节
平安夜
光棍节
中秋节
国庆节
感恩节
腊八节
更多话题
栏目导航
摄影
故事
互联网
读书
旅行
热点阅读
大山的召唤
白露:月明清漏中,渐知秋实美,不懂最伤身!
谁吃光了面包
S.yairi雅依利吉他 | 超高配置的入门吉他 -- 雅依利D
DOM事件绑定
windows10下搭建Python3.6开发环境
以鳗鱼的名义还一口新鲜
一只小蜜蜂
我最爱的一道家乡莱---阳江猪肠碌
我的“哈桑”
网友评论