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 Timing
Apr 21 Javascript
javaScript Array(数组)相关方法简述
Jul 25 Javascript
基于jquery实现一张图片点击鼠标放大再点缩小
Sep 29 Javascript
jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法
Aug 10 Javascript
javascript 四十条常用技巧大全
Sep 09 Javascript
Vue shopCart 组件开发详解
Jan 26 Javascript
vue路由组件按需加载的几种方法小结
Jul 12 Javascript
解决vue的 v-for 循环中图片加载路径问题
Sep 03 Javascript
vue-cli 首屏加载优化问题
Nov 06 Javascript
浅谈layer弹出层按钮颜色修改方法
Sep 11 Javascript
JavaScript中如何对多维数组(矩阵)去重的实现
Dec 04 Javascript
详解ES6实现类的私有变量的几种写法
Feb 10 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 expects parameter 1 to be resource, array given 错误
2011/03/23 PHP
php中将网址转换为超链接的函数
2011/09/02 PHP
PHP strstr 函数判断字符串是否否存在的实例代码
2013/09/28 PHP
php利用腾讯ip分享计划获取地理位置示例分享
2014/01/20 PHP
PHP中cookie和session的区别实例分析
2014/08/28 PHP
PHP中使用php://input处理相同name值的表单数据
2015/02/03 PHP
PHP使用mysql_fetch_object从查询结果中获取对象集的方法
2015/03/18 PHP
php实现屏蔽掉黑帽SEO的搜索关键字
2015/04/15 PHP
php获取网站根目录物理路径的几种方法(推荐)
2017/03/04 PHP
2017年最新PHP经典面试题目汇总(上篇)
2017/03/17 PHP
JavaScript 不只是脚本
2007/05/30 Javascript
JQuery从头学起第二讲
2010/07/04 Javascript
JavaScript语言核心数据类型和变量使用介绍
2013/08/23 Javascript
JQuery中使用on方法绑定hover事件实例
2014/12/09 Javascript
Bootstrap自动适应PC、平板、手机的Bootstrap栅格系统
2016/05/27 Javascript
JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法
2016/08/03 Javascript
jquery 动态合并单元格的实现方法
2016/08/26 Javascript
js获取当前页的URL与window.location.href简单方法
2017/02/13 Javascript
基于JavaScript实现移动端无限加载分页
2017/03/27 Javascript
微信小程序之购物车功能
2020/09/23 Javascript
微信小程序富文本渲染引擎的详解
2017/09/30 Javascript
微信小程序中实现手指缩放图片的示例代码
2018/03/13 Javascript
手把手教你用Node.js爬虫爬取网站数据的方法
2018/07/05 Javascript
详解webpack引入第三方库的方式以及注意事项
2019/01/15 Javascript
[01:40]2014DOTA2国际邀请赛 三冰SOLO赛后采访恶搞
2014/07/09 DOTA
使用python画个小猪佩奇的示例代码
2018/06/06 Python
Python元组常见操作示例
2019/02/19 Python
python模拟预测一下新型冠状病毒肺炎的数据
2020/02/01 Python
俄罗斯旅游网站:Tripadvisor俄罗斯
2017/03/21 全球购物
宿舍卫生检讨书
2014/01/16 职场文书
语文教学感言
2014/02/06 职场文书
应届毕业生自荐信
2014/05/28 职场文书
2015年公司新年寄语
2014/12/08 职场文书
慈善献爱心倡议书
2015/04/27 职场文书
大学生党课心得体会
2016/01/07 职场文书
MySQL中IF()、IFNULL()、NULLIF()、ISNULL()函数的使用详解
2021/06/26 MySQL