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 保存文件到本地实现方法
Nov 29 Javascript
使用JavaScript和C#中获得referer
Nov 14 Javascript
BootStrap下jQuery自动完成的样式调整
May 30 Javascript
jQuery插件dataTables添加序号列的方法
Jul 06 Javascript
bootstrap日期控件问题(双日期、清空等问题解决)
Apr 19 Javascript
node.js 抓取代理ip实例代码
Apr 30 Javascript
Angular客户端请求Rest服务跨域问题的解决方法
Sep 19 Javascript
vscode 开发Vue项目的方法步骤
Nov 25 Javascript
详解vuex之store源码简单解析
Jun 13 Javascript
vue点击自增和求和的实例代码
Nov 06 Javascript
微信小程序实现一个简单swiper代码实例
Dec 30 Javascript
Antd-vue Table组件添加Click事件,实现点击某行数据教程
Nov 17 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
WHOIS类的修改版
2006/10/09 PHP
PHP 基于Yii框架中使用smarty模板的方法详解
2013/06/13 PHP
php判断字符串在另一个字符串位置的方法
2014/02/27 PHP
PHP 使用 Imagick 裁切/生成缩略图/添加水印自动检测和处理 GIF
2016/02/19 PHP
PHP fclose函数用法总结
2019/02/15 PHP
window.js 主要包含了页面的一些操作
2009/12/23 Javascript
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
2009/12/27 Javascript
利用jQuery 实现GridView异步排序、分页的代码
2010/02/06 Javascript
从0开始学Vue
2016/10/27 Javascript
js实现兼容PC端和移动端滑块拖动选择数字效果
2017/02/16 Javascript
vue 指定组件缓存实例详解
2018/04/01 Javascript
vue打包使用Nginx代理解决跨域问题
2018/08/27 Javascript
详解bootstrap-fileinput文件上传控件的亲身实践
2019/03/21 Javascript
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
2019/07/19 Javascript
vue中监听返回键问题
2019/08/28 Javascript
react 原生实现头像滚动播放的示例
2020/04/21 Javascript
Typescript3.9 常用新特性一览(推荐)
2020/05/14 Javascript
ant design的table组件实现全选功能以及自定义分页
2020/11/17 Javascript
详解实现vue的数据响应式原理
2021/01/20 Vue.js
[40:04]Secret vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
Python两个整数相除得到浮点数值的方法
2015/03/18 Python
Python CSV模块使用实例
2015/04/09 Python
pymongo给mongodb创建索引的简单实现方法
2015/05/06 Python
Python开发的实用计算器完整实例
2017/05/10 Python
Python实现购物车功能的方法分析
2017/11/10 Python
Django中login_required装饰器的深入介绍
2017/11/24 Python
pycharm下打开、执行并调试scrapy爬虫程序的方法
2017/11/29 Python
Python基础之函数的定义与使用示例
2019/03/23 Python
如何利用pygame实现简单的五子棋游戏
2019/12/29 Python
CSS3动画:5种预载动画效果实例
2017/04/05 HTML / CSS
匡威帆布鞋美国官网:Converse美国
2016/08/22 全球购物
办护照工作证明范本
2014/01/14 职场文书
护理工作感言
2014/01/16 职场文书
运输企业安全生产责任书
2014/07/28 职场文书
忆童年!用Python实现愤怒的小鸟游戏
2021/06/07 Python
python脚本框架webpy的url映射详解
2021/11/20 Python