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 相关文章推荐
extjs fckeditor集成代码
May 10 Javascript
查找Oracle高消耗语句的方法
Mar 22 Javascript
js控制文本框输入的字符类型方法汇总
Jun 19 Javascript
jQuery实现ToolTip元素定位显示功能示例
Nov 23 Javascript
javascript判断firebug是否开启的方法
Nov 23 Javascript
微信小程序 Canvas增强组件实例详解及源码分享
Jan 04 Javascript
bootstrap3使用bootstrap datetimepicker日期插件
May 24 Javascript
vue实现点击图片放大效果
Aug 15 Javascript
浅析为什么a="abc" 不等于 a=new String("abc")
Oct 25 Javascript
AngularJS动态添加数据并删除的实例
Feb 27 Javascript
Vue 中获取当前时间并实时刷新的实现代码
May 12 Javascript
jquery实现拖拽小方块效果
Dec 10 jQuery
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 组件化编程技巧
2009/06/06 PHP
php入门学习知识点一 PHP与MYSql连接与查询
2011/07/14 PHP
PHP实现支持GET,POST,Multipart/form-data的HTTP请求类
2014/09/24 PHP
PHP7内核之Reference详解
2019/03/14 PHP
Javascript 类与静态类的实现
2010/04/01 Javascript
jQuery源码分析-02正则表达式 RegExp 常用正则表达式
2011/11/14 Javascript
很好用的js日历算法详细代码
2013/03/07 Javascript
JS中的form.submit()不能提交表单的错误原因
2014/10/08 Javascript
jQuery.extend 函数及用法详细
2015/09/06 Javascript
javascript如何写热点图
2015/12/08 Javascript
SpringMVC框架下JQuery传递并解析Json格式的数据是如何实现的
2015/12/10 Javascript
canvas 弹幕效果(实例分享)
2017/01/11 Javascript
JavaScrpt中如何使用 cookie 设置查看与删除功能
2017/07/09 Javascript
Vue计算属性的使用
2017/08/04 Javascript
Vuejs学习笔记之使用指令v-model完成表单的数据双向绑定
2019/04/29 Javascript
JS回调函数原理与用法详解【附PHP回调函数】
2019/07/20 Javascript
js实现坦克移动小游戏
2019/10/28 Javascript
viewer.js实现图片预览功能
2020/06/24 Javascript
如何实现小程序与小程序之间的跳转
2020/11/04 Javascript
[42:32]Secret vs Optic 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[05:09]DOTA2-DPC中国联赛2月22日Recap集锦
2021/03/11 DOTA
详解在Python程序中使用Cookie的教程
2015/04/30 Python
python 快速把超大txt文件转存为csv的实例
2018/10/26 Python
python爬取微信公众号文章的方法
2019/02/26 Python
使用python socket分发大文件的实现方法
2019/07/08 Python
Python中的X[:,0]、X[:,1]、X[:,:,0]、X[:,:,1]、X[:,m:n]和X[:,:,m:n]
2020/02/13 Python
Python爬虫实现百度翻译功能过程详解
2020/05/29 Python
python实现在线翻译
2020/06/18 Python
橄榄树药房:OLIVEDA
2019/09/01 全球购物
Aquatalia官网:意大利著名鞋履品牌
2019/09/26 全球购物
说出ArrayList,Vector, LinkedList的存储性能和特性
2015/01/04 面试题
大学三年的自我评价
2013/12/25 职场文书
祖国在我心中演讲稿400字
2014/05/04 职场文书
庆祝国庆节演讲稿2014
2014/09/19 职场文书
实习科室评语
2015/01/04 职场文书
俄罗斯十大城市人口排名,第三首都仅排第六,第二是北方首都
2022/03/20 杂记