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 相关文章推荐
几个常用的JavaScript字符串处理函数 - split()、join()、substring()和indexOf()
Jun 02 Javascript
javascript 框架小结 个人工作经验
Jun 13 Javascript
jQuery对象和DOM对象的相互转化实现代码
Mar 02 Javascript
Jquery替换已存在于element上的event的方法
Mar 09 Javascript
JavaScript实现常用二级省市级联下拉列表的方法
Mar 25 Javascript
JavaScript 匿名函数和闭包介绍
Apr 13 Javascript
AngularJS的表单使用详解
Jun 17 Javascript
Vue.js中数组变动的检测详解
Oct 12 Javascript
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
Nov 26 Javascript
JavaScript自定义文本框光标
Mar 05 Javascript
js 用于检测类数组对象的函数方法
May 02 Javascript
js取小数点后两位四种方法
Jan 18 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
smarty静态实验表明,网络上是错的~呵呵
2006/11/25 PHP
php magic_quotes_gpc的一点认识与分析
2008/08/18 PHP
PHP答题类应用接口实例
2015/02/09 PHP
php远程下载类分享
2016/04/13 PHP
javascript 读取XML数据,在页面中展现、编辑、保存的实现
2009/10/27 Javascript
Jquery cookie操作代码
2010/03/14 Javascript
Jquery中LigerUi的弹出编辑框(实现方法)
2013/07/09 Javascript
jquery的ajax和getJson跨域获取json数据的实现方法
2014/02/04 Javascript
JavaScript异步回调的Promise模式封装实例
2014/06/07 Javascript
jQuery修改CSS伪元素属性的方法
2014/07/30 Javascript
jQuery之DOM对象和jQuery对象的转换与区别分析
2015/01/08 Javascript
javascript操作select元素实例分析
2015/03/27 Javascript
jquery checkbox的相关操作总结
2016/10/17 Javascript
vue使用mint-ui实现下拉刷新和无限滚动的示例代码
2017/11/06 Javascript
使用iView Upload 组件实现手动上传图片的示例代码
2018/10/01 Javascript
javascript匿名函数中的'return function()'作用
2018/10/15 Javascript
使用axios请求时,发送formData请求的示例
2019/10/29 Javascript
教大家使用Python SqlAlchemy
2016/02/12 Python
Python网络爬虫与信息提取(实例讲解)
2017/08/29 Python
分析python动态规划的递归、非递归实现
2018/03/04 Python
python表格存取的方法
2018/03/07 Python
python脚本生成caffe train_list.txt的方法
2018/04/27 Python
python3.5绘制随机漫步图
2018/08/27 Python
python五子棋游戏的设计与实现
2019/06/18 Python
对python中的*args与**kwgs的含义与作用详解
2019/08/28 Python
Python关于__name__属性的含义和作用详解
2020/02/19 Python
Django QuerySet查询集原理及代码实例
2020/06/13 Python
HTML5操作WebSQL数据库的实例代码
2017/08/26 HTML / CSS
英国最受欢迎的手表网站:Watch Shop
2016/10/21 全球购物
SteelSeries赛睿官网:游戏外设和配件的领先制造商(耳机、键盘、鼠标和鼠标垫)
2018/06/17 全球购物
2019史上最全Database工程师题库
2015/12/06 面试题
家长建议怎么写
2014/05/15 职场文书
爱护公物主题班会
2015/08/17 职场文书
OpenCV-Python实现轮廓拟合
2021/06/08 Python
python中super()函数的理解与基本使用
2021/08/30 Python
python数字图像处理实现图像的形变与缩放
2022/06/28 Python