Angular使用$http.jsonp发送跨站请求的方法
更新时间：2017年03月16日 14:10:38 作者：liangzi4000
这篇文章主要介绍了Angular使用$http.jsonp发送跨站请求的方法,结合实例形式分析了$http.jsonp发送跨站请求遇到的问题与相应的解决方法,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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相关内容感兴趣的读者可查看本站专题：《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》
希望本文所述对大家AngularJS程序设计有所帮助。
您可能感兴趣的文章:
- 浅谈angular2的http请求返回结果的subcribe注意事项
- 详解AngularJS中$http缓存以及处理多个$http请求的方法
- angular 用拦截器统一处理http请求和响应的方法
- 详解AngularJS用Interceptors来统一处理HTTP请求和响应
- Angularjs中$http以post请求通过消息体传递参数的实现方法
- Angular的$http的ajax的请求操作（推荐）
- AngularJS $http模块POST请求实现
- AngularJS出现$http异步后台无法获取请求参数问题的解决方法
- angularJS 发起$http.post和$http.get请求的实现方法
- angular.js4使用 RxJS 处理多个 Http 请求
- angular2中Http请求原理与用法详解
相关文章
本文主要对Angular的 $q, defer, promise进行实例分析介绍。具有很好的参考价值，需要的朋友一起来看下吧2016-12-12
本文给大家总结了下在Angularjs的模板、控制器、或者服务中使用Filters的方法，有需要的小伙伴可以参考下2016-03-03
在Angular中,NgZone是一个服务,用于管理异步任务的执行,并提供一种在Angular区域内或外部显式运行代码的方式,NgZone.run方法是一种显式在Angular区域内运行函数的方式,本文介绍Angular中的NgZone.run()有什么用,感兴趣的朋友一起看看吧2024-01-01
这篇文章主要介绍了angularjs http与后台交互的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-12-12
由于最近的一个项目使用的是angularjs1.0的版本，涉及到分页查询数据的功能，后来自己就用自定义指令实现了该功能，下面小编把实例demo分享到脚本之家平台，需要的朋友参考下2017-09-09
angularjs使用gulp-uglify压缩后执行报错的解决方法
下面小编就为大家分享一篇angularjs使用gulp-uglify压缩后执行报错的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
Material(包括Material Icon)在Angular2中的使用详解
这篇文章主要介绍了Material(包括Material Icon)在Angular2中的使用,需要的朋友可以参考下2018-02-02
Angular.js中window.onload(),$(document).ready()的写法浅析
这篇文章主要介绍了Angular.js中window.onload(),$(document).ready()的写法浅析,需要的朋友可以参考下2017-09-09
这篇文章主要为大家详细介绍了angularjs创建弹出框实现拖动效果的相关资料，angularjs modal模态框创建可拖动的指令，感兴趣的小伙伴们可以参考一下2016-01-01
这篇文章主要给大家介绍了关于Angular项目如何升级至Angular6的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-09-09
最新评论