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 相关文章推荐
JS 模态对话框和非模态对话框操作技巧汇总
Apr 15 Javascript
jquery的ajax跨域请求原理和示例
May 08 Javascript
Javascript中的getUTCDay()方法使用详解
Jun 10 Javascript
js求数组中全部数字可拼接出的最大整数示例代码
Aug 25 Javascript
angular.js实现购物车功能
Oct 23 Javascript
angular中不同的组件间传值与通信的方法
Nov 04 Javascript
vue脚手架及vue-router基本使用
Apr 09 Javascript
学习JS中的DOM节点以及操作
Apr 30 Javascript
JavaScript回调函数callback用法解析
Jan 14 Javascript
浅谈JavaScript 声明提升
Sep 14 Javascript
使用TS来编写express服务器的方法步骤
Oct 29 Javascript
如何在vue中使用kindeditor富文本编辑器
Dec 19 Vue.js
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
人大复印资料处理程序_补充篇
2006/10/09 PHP
Zend Framework框架教程之Zend_Db_Table_Rowset用法实例分析
2016/03/21 PHP
Windows平台实现PHP连接SQL Server2008的方法
2017/07/26 PHP
laravel学习笔记之模型事件的几种用法示例
2017/08/15 PHP
thinkphp3.2.0 setInc方法 源码全面解析
2018/01/29 PHP
Visual Studio中的jQuery智能提示设置方法
2010/03/27 Javascript
JQuery index()方法使用代码
2010/06/02 Javascript
JavaScript判断按钮被点击的方法
2015/12/13 Javascript
js实现的彩色方块飞舞奇幻效果
2016/01/27 Javascript
基于Vue2的移动端开发环境搭建详解
2016/11/03 Javascript
jQuery与JavaScript节点创建方法的对比
2016/11/18 Javascript
yii form 表单提交之前JS在提交按钮的验证方法
2017/03/15 Javascript
jQuery Validate 校验多个相同name的方法
2017/05/18 jQuery
JavaScript实现时间表动态效果
2017/07/15 Javascript
使用webpack编译es6代码的方法步骤
2019/04/28 Javascript
送你43道JS面试题(收藏)
2019/06/17 Javascript
vuex 动态注册方法 registerModule的实现
2019/07/03 Javascript
[02:51]2014DOTA2 TI小组赛总结中国军团全部进军钥匙球馆
2014/07/15 DOTA
[01:14]2019完美世界城市挑战赛(秋季赛)全国总决赛精彩花絮
2020/01/08 DOTA
Python程序设计入门(2)变量类型简介
2014/06/16 Python
使用Python的Zato发送AMQP消息的教程
2015/04/16 Python
django+mysql的使用示例
2018/11/23 Python
详解python中的线程与线程池
2019/05/10 Python
Python3+Pycharm+PyQt5环境搭建步骤图文详解
2019/05/29 Python
Python代码使用 Pyftpdlib实现FTP服务器功能
2019/07/22 Python
python实现mean-shift聚类算法
2020/06/10 Python
利用python爬取有道词典的方法
2020/12/08 Python
碧欧泉美国官网:Biotherm美国
2016/08/31 全球购物
流行文化收藏品:Sideshow(DC漫画,星球大战,漫威)
2019/03/17 全球购物
乐高官方旗舰店:LEGO积木玩具
2019/04/06 全球购物
企划主管岗位职责
2013/12/12 职场文书
岗位竞聘演讲稿范文
2014/04/24 职场文书
教师考核材料
2014/05/21 职场文书
食品委托检验协议书范本
2014/09/12 职场文书
田径运动会通讯稿
2014/09/13 职场文书
《纸船和风筝》教学反思
2016/02/18 职场文书