位置: 编程技术 - 正文

AngularJS中的JSONP实例解析(angularjs1.5)

编辑:rootadmin

推荐整理分享AngularJS中的JSONP实例解析(angularjs1.5),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:angularjs1.5,angular json数据处理,angularjs2,angular json数据处理,angular json数据处理,angular jsonp,angular json,angularjs json,内容如对您有帮助,希望把文章链接给更多的朋友!

概念

首先呢,Json和JSONP是不一样的哦。Json呢,是众多数据存储的其中一种格式,是数据书写方式的其中一种。好比是大中华众多诗体的一种(比如说是七言诗吧)。这种诗体规定了: 这种诗体要包含题目,每行诗句的字数(7个字) 等等的文本格式。而Json所规定的文本格式是这样子的

(Json格式示意图)

  而JSONP呢,它是一种特殊的通讯方式,使用它能够轻松绕过浏览器的同源安全限制,达到加载来自不同源的资源(脚本, 图片, 其他)的效果。比如说,您是一个王国的王子,你意外地喜欢上了附近一个小城镇里面的一位漂亮年轻的姑娘(资源),你想和她见面并进一步往下发展(获取资源)。但是呢,您的父亲国王先生(浏览器)可不同意,国王认为这个姑娘不是王室的女孩(非同源的资源),配不上王子,把王子困在城堡里面的同时,还往城堡外放好多士兵监察,禁止外人进入(浏览器的同源安全限制)。但是王子对爱非常坚持,他试过多种方式与这个姑娘联系,比如说让太监欧巴带封信给漂亮姑娘(PUT,GET,POST等等),但是呢,每当到达城门的时候,士兵就会发现这封信的地址是给小姑娘的,于是屡屡禁止了太监出去(获取外部资源时,PUT,GET,POST不奏效)。于是王子想到了一种特殊的通讯方式,就是飞鸽传书(JSONP),小鸽子呢能够飞跃城堡,从而避开士兵的监察(绕过浏览器的同源安全限制),来达到与姑娘通讯的效果(与跨域资源共享CORS的通讯实现啦!O(∩_∩)O)。最终,经过九九八十一难之后,王子喜欢上了太监(∑(っ °Д °;)っ 人生处处充满惊喜...)

具体的实现方法

要达到这种通讯效果,王子(发送请求的方式)和姑娘(服务端)都要有所准备。

 王子在发送JSONP请求的时候,首先需要一只鸽子吧(使用Jsonp), 再来呢,需要一封信绑在鸽子上(地址栏中的callback参数)

AngularJS中的JSONP实例解析(angularjs1.5)

$http.jsonp("  当姑娘接到小鸽子带来的信之后呢,也要把内容写在小鸽子身上的信,来回信(通过callback参数,把响应内容包装成一个JavaScript参数,并由该请求对应的回调函数来进行调用)

  包装数据的方法

res.send(【callback函数】+ '('+ JSON.stringify(result) + ')');

 其他细节

使用JSONP的时候,AngularJS会生成一个 <script> 标签并插入到DOM中进行请求,响应成功之后会把该节点删除(删除节点这点具体Angular版本不同可能会有所不同吧)

  其中,CALLBACK会被替换成一个特地为此请求生成的自定义函数,即是由

$http.jsonp(" 变成

<script src=" 因此当我们自己开发JSONP的后端服务时,要确保响应数据被包含在请求指定的回调函数中

 注意事项

使用JSOPN有潜在的安全隐患,因为JSONP允许后端服务调用应用的JavaScript,使站点变得脆弱的同时,还可能暴露用户隐私

  文章参考

《AngularJS权威教程》

标签: angularjs1.5

本文链接地址:https://www.jiuchutong.com/biancheng/376274.html 转载请保留说明!

上一篇:实例解析jQuery工具函数(jquery理解)

下一篇:jQuery生成假加载动画效果(jquery的加载事件)

  • 小规模销售收入要做销项税额吗
  • 怎么算固定资产
  • 年度汇算退税是什么意思
  • 诚信纳税的含义是什么
  • 利息可以抵税是什么意思
  • 带薪年休假如果当年离职补交的年休假钱需要扣个税嘛
  • 发票审核未通过,怎么查原因
  • 幼儿园固定资产登记表
  • 个税系统添加不了新的单位
  • 处置固定资产简易征收
  • 企业年金也需要缴纳吗
  • 企业卖旧房如何计算缴纳土地增值税
  • 当月发票不够用领用了下个月,下个月还能再领吗
  • 购买房产怎么确认收入
  • 商业承兑汇票风险大吗
  • 增值税进项税金额是含税还是不含税
  • 可转换债券发行主体
  • 企业购买固定资产的价款超过正常信用条件
  • 企业财务会计制度范本
  • 设备安装费计入设备成本吗
  • 月末主营业务收入结转会计分录
  • 免税店购物需要满足什么条件
  • 公司如何确定总股本
  • 按揭购入固定资产怎么算
  • 建设单位管理费费率
  • 版权许可授权书
  • window10 怎么避免弹窗广告
  • win11专业版企业版家庭版哪个玩游戏好
  • sinutrain破解版
  • mac 移动硬盘 文件系统
  • 固定资产残料收税吗
  • 银行汇票属于银行存款吗
  • 其他综合收益科目有哪些
  • 利息收入如何会计分录
  • 微信小程序在哪里打开
  • wordpress限制ip访问
  • 预缴税款从哪里查
  • 固定资产一次性扣除如何做账
  • 基于python语言
  • dedecms安装及配置
  • 关联广告是什么意思
  • 内帐税金会计分录
  • 无形资产资产处置损益怎么算
  • 含税与不含税的计算公式
  • 二手车经销管理办法
  • 建筑工程维修费占总费用多少
  • 资产负债表其他应收款包括哪些内容
  • 会计税法的差异
  • 增值税加计扣除怎么算举例
  • 应付利润科目
  • 外包人员的餐费怎么入账
  • 财务报表未备案可以不填吗
  • 按揭贷款汽车会被抵押吗
  • 怎样编制银行存款凭证
  • 苹果15手机价格和图片颜色
  • CentOS操作系统
  • win7系统调节亮度快捷键
  • linux中使用最多的命令
  • CentOS 5.4 rsync+inotify配置触发式(实时)文件远程同步
  • Win10预览版桌面图标和任务栏不翼而飞怎么办?
  • linux系统中
  • 安装macos10.15.7
  • centos fedora
  • 保存 linux
  • win8怎么运行命令
  • 解决安装后软件icon一圈白边问题
  • centos 安装chia
  • 方块滚动代码怎么写
  • 学习名言警句 励志
  • python进行统计分析
  • echarts.on
  • javascript 正则
  • express框架作用
  • python中的条件判断和循环语句
  • jquery .html的用法
  • js实现拖拽div的弹出框
  • 北京医保网上服务大厅
  • 消费税的征收范围是如何规定的
  • 如何认真贯彻落实中央八项规定,切实改进工作作风
  • 无锡城市生活垃圾处理费
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设