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
使用Math.floor与Math.random取随机整数的方法详解
May 07 Javascript
在firefox和Chrome下关闭浏览器窗口无效的解决方法
Jan 16 Javascript
利用js正则表达式验证手机号,email地址,邮政编码
Jan 23 Javascript
jquery操作复选框(checkbox)的12个小技巧总结
Feb 04 Javascript
jQuery使用addClass()方法给元素添加多个class样式
Mar 26 Javascript
javascript时间戳和日期字符串相互转换代码(超简单)
Jun 22 Javascript
JavaScript导航脚本判断当前导航
Jul 12 Javascript
jQuery、zepto、js常用小技巧
Feb 12 Javascript
bootstrap+jQuery实现的动态进度条功能示例
May 25 jQuery
JavaScript中的this/call/apply/bind的使用及区别
Mar 06 Javascript
react国际化化插件react-i18n-auto使用详解
Mar 31 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
关于PHP结束标签的使用细节探讨及联想
2013/03/04 PHP
ThinkPHP框架任意代码执行漏洞的利用及其修复方法
2014/07/04 PHP
PHP简单实现数字分页功能示例
2016/08/24 PHP
php 中phar包的使用教程详解
2018/10/26 PHP
jQuery UI AutoComplete 自动完成使用小记
2010/08/21 Javascript
jquery 获取dom固定元素 添加样式的简单实例
2014/02/04 Javascript
Adapter适配器模式在JavaScript设计模式编程中的运用分析
2016/05/18 Javascript
jQuery Mobile中的button按钮组件基础使用教程
2016/05/23 Javascript
详解javascript事件绑定使用方法
2016/10/20 Javascript
jquery 标签 隔若干行加空白或者加虚线的方法
2016/12/07 Javascript
详解Vue 实例中的生命周期钩子
2017/03/21 Javascript
常用的9个JavaScript图表库详解
2017/12/19 Javascript
Vue项目全局配置微信分享思路详解
2018/05/04 Javascript
js中innerText/textContent和innerHTML与target和currentTarget的区别
2019/01/21 Javascript
Vue路由前后端设计总结
2019/08/06 Javascript
vue柱状进度条图像的完美实现方案
2019/08/26 Javascript
分享一款超好用的JavaScript 打包压缩工具
2020/04/26 Javascript
jquery html添加元素/删除元素操作实例详解
2020/05/20 jQuery
Openlayers实现地图的基本操作
2020/09/28 Javascript
基于python的七种经典排序算法(推荐)
2016/12/08 Python
python 抓包保存为pcap文件并解析的实例
2019/07/23 Python
浅析Python 简单工厂模式和工厂方法模式的优缺点
2020/07/13 Python
实例教程 利用html5和css3打造一款创意404页面
2014/10/20 HTML / CSS
AT&T Wireless:手机、无限数据计划和配件
2018/06/03 全球购物
财务会计毕业生自荐信
2013/11/02 职场文书
求职信写作要突出重点
2014/01/01 职场文书
幼儿园标语大全
2014/06/19 职场文书
前台接待员岗位职责
2015/04/15 职场文书
2016大学生社会实践单位评语
2015/12/01 职场文书
在pycharm中无法import所安装的库解决方案
2021/05/31 Python
从np.random.normal()到正态分布的拟合操作
2021/06/02 Python
Python 中random 库的详细使用
2021/06/03 Python
python数字转对应中文的方法总结
2021/08/02 Python
图文详解Nginx版本平滑升级方案
2021/09/15 Servers
使用 Apache Dubbo 实现远程通信(微服务架构)
2022/02/12 Servers
MySQL中正则表达式(REGEXP)使用详解
2022/07/07 MySQL