Angular使用$http.jsonp发送跨站请求的方法


Posted in Javascript onMarch 16, 2017

本文实例讲述了Angular使用$http.jsonp发送跨站请求的方法。分享给大家供大家参考,具体如下:

Angular中使用$http.jsonp发送跨站请求的实践中,遇到了下面的一些问题:

1. 不是所有返回json格式的url都支持jsonp,服务器端需要支持从url中读取返回函数并用它封装json数据。

2. AngularJS v1.6.1中,url中不能包含callback这个参数,而是用jsonpCallbackParam来指定

$http.jsonp('some/trusted/url', {jsonpCallbackParam: 'callback'})

3. 把url加入白名单,否则会遇到浏览器同源策略限制的错误。
angular.module('mthtran')
.config(function($sceDelegateProvider) {
 $sceDelegateProvider.resourceUrlWhitelist([
  // Allow same origin resource loads.
  'self',
  // Allow loading from our assets domain.
  'http://query.yahooapis.com/v1/public/**'
 ]);
})

希望本文所述对大家AngularJS程序设计有所帮助。

Javascript 相关文章推荐
JQuery 学习笔记 选择器之四
Jul 23 Javascript
解决JS浮点数运算出现Bug的方法
Mar 12 Javascript
仿百度联盟对联广告实现代码
Aug 30 Javascript
Jquery时间轴特效(三种不同类型)
Nov 02 Javascript
JavaScript操作HTML DOM节点的基础教程
Mar 11 Javascript
设计模式中的facade外观模式在JavaScript开发中的运用
May 18 Javascript
JS实现改变HTML上文字颜色和内容的方法
Dec 30 Javascript
js实现自动图片轮播代码
Mar 22 Javascript
深入理解Angular4订阅(Subscribe)与取消
Nov 22 Javascript
vue模式history下在iis中配置流程
Apr 17 Javascript
微信小程序实现的图片保存功能示例
Apr 24 Javascript
浅谈vue 锚点指令v-anchor的使用
Nov 13 Javascript
JSON与js对象序列化实例详解
Mar 16 #Javascript
JS对象的深度克隆方法示例
Mar 16 #Javascript
JS对象深度克隆实例分析
Mar 16 #Javascript
JS异步加载的三种实现方式
Mar 16 #Javascript
Bootstrap免费字体和图标网站(值得收藏)
Mar 16 #Javascript
基于JavaScript实现滑动门效果
Mar 16 #Javascript
基于Vue2.0的分页组件
Mar 16 #Javascript
You might like
十大感人催泪爱情动漫 第一名至今不忍在看第二遍
2020/03/04 日漫
PHP的FTP学习(一)[转自奥索]
2006/10/09 PHP
PHP中实现中文字符进制转换原理分析
2011/12/06 PHP
php将12小时制转换成24小时制的方法
2015/03/31 PHP
Symfony2框架学习笔记之HTTP Cache用法详解
2016/03/18 PHP
PHP实现通过URL提取根域名
2016/03/31 PHP
初识PHP中的Swoole
2016/04/05 PHP
Smarty3配置及入门语法
2017/02/22 PHP
laravel框架创建授权策略实例分析
2019/11/22 PHP
jquery 简短右键菜单 多浏览器兼容
2010/01/01 Javascript
javascript分页代码(当前页码居中)
2012/09/20 Javascript
js实现的折叠导航示例
2013/11/29 Javascript
table insertRow、deleteRow定义和用法总结
2014/05/14 Javascript
JavaScript访问字符串中单个字符的两种方法
2015/07/03 Javascript
异步JavaScript编程中的Promise使用方法
2015/07/28 Javascript
DOM中事件处理概览与原理的全面解析
2016/08/16 Javascript
js以及jquery实现手风琴效果
2020/04/17 Javascript
详解layui弹窗父子窗口之间传参数的方法
2018/01/16 Javascript
通过vue-router懒加载解决首次加载时资源过多导致的速度缓慢问题
2018/04/08 Javascript
关于微信公众号开发无法支付的问题解决
2018/12/28 Javascript
vue iview多张图片大图预览、缩放翻转
2019/07/13 Javascript
JS多个异步请求 按顺序执行next实现解析
2019/09/16 Javascript
js实现一款简单踩白块小游戏(曾经很火)
2019/12/02 Javascript
nuxt 实现在其它js文件中使用store的方式
2020/11/05 Javascript
基于python的汉字转GBK码实现代码
2012/02/19 Python
Python爬虫——爬取豆瓣电影Top250代码实例
2019/04/17 Python
python日志logging模块使用方法分析
2019/05/23 Python
python线程信号量semaphore使用解析
2019/11/30 Python
Python绘制三角函数图(sin\cos\tan)并标注特定范围的例子
2019/12/04 Python
Pytorch训练过程出现nan的解决方式
2020/01/02 Python
让IE6支持css3,让 IE7、IE8 都支持CSS3
2011/10/09 HTML / CSS
div或img图片高度随宽度自适应的方法
2020/02/06 HTML / CSS
世界上最大的街头服饰网站:Karmaloop
2017/02/04 全球购物
如何获得EntityManager
2014/02/09 面试题
学生会干部自荐信
2014/02/04 职场文书
离婚协议书范本(2016最新版)
2016/03/18 职场文书