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 prototype对象的属性说明
Mar 13 Javascript
Jquery阻止事件冒泡 event.stopPropagation
Dec 11 Javascript
JS正则表达式验证数字代码
Jan 28 Javascript
jquery form 隐藏的input 选择
Apr 29 Javascript
JavaScript学习笔记之内置对象
Jan 22 Javascript
JS实现控制表格行文本对齐的方法
Mar 30 Javascript
Sequelize中用group by进行分组聚合查询
Dec 12 Javascript
JS无缝滚动效果实现方法分析
Dec 21 Javascript
Vue-cli-webpack搭建斗鱼直播步骤详解
Nov 17 Javascript
详解Vue中localstorage和sessionstorage的使用
Dec 22 Javascript
vue组件间的参数传递实例详解
Apr 26 Javascript
Angular之jwt令牌身份验证的实现
Feb 14 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 无限级 SelectTree 类
2009/05/19 PHP
PHP闭包(Closure)使用详解
2013/05/02 PHP
php class中public,private,protected的区别以及实例分析
2013/06/18 PHP
探讨:array2xml和xml2array以及xml与array的互相转化
2013/06/24 PHP
PHP实现的简单缓存类
2015/07/29 PHP
PHP入门教程之面向对象的特性分析(继承,多态,接口,抽象类,抽象方法等)
2016/09/11 PHP
PHP pthreads v3下worker和pool的使用方法示例
2020/02/21 PHP
CL vs ForZe BO5 第二场 2.13
2021/03/10 DOTA
DEFER怎么用?
2006/07/01 Javascript
锋利的jQuery 要点归纳(一) jQuery选择器
2010/03/21 Javascript
js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
2013/02/02 Javascript
使用js对select动态添加和删除OPTION示例代码
2013/08/12 Javascript
用jquery.sortElements实现table排序
2014/05/04 Javascript
HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列
2015/04/26 Javascript
Bootstrap框架结合jQuery仿百度换肤功能实例解析
2016/09/17 Javascript
vue脚手架及vue-router基本使用
2018/04/09 Javascript
vueJs实现DOM加载完之后自动下拉到底部的实例代码
2018/08/31 Javascript
jQuery利用FormData上传文件实现批量上传
2018/12/04 jQuery
微信小程序判断用户是否需要再次授权获取个人信息
2019/07/18 Javascript
使用pkg打包ThinkJS项目的方法步骤
2019/12/30 Javascript
原生JS实现汇率转换功能代码实例
2020/05/13 Javascript
在vue中使用inheritAttrs实现组件的扩展性介绍
2020/12/07 Vue.js
[01:37]DOTA2超级联赛专访ChuaN 传奇般的电竞之路
2013/06/19 DOTA
使用Python的package机制如何简化utils包设计详解
2017/12/11 Python
Python 通配符删除文件的实例
2018/04/24 Python
Django 配置多站点多域名的实现步骤
2019/05/17 Python
python简单实现矩阵的乘,加,转置和逆运算示例
2019/07/10 Python
python实现数据分析与建模
2019/07/11 Python
DataFrame.to_excel多次写入不同Sheet的实例
2019/12/02 Python
python如何使用socketserver模块实现并发聊天
2019/12/14 Python
美体小铺奥地利官方网站:The Body Shop奥地利
2019/04/11 全球购物
校园主题婚礼活动策划方案
2014/09/15 职场文书
golang 定时任务方面time.Sleep和time.Tick的优劣对比分析
2021/05/05 Golang
pytorch 权重weight 与 梯度grad 可视化操作
2021/06/05 Python
python随机打印成绩排名表
2021/06/23 Python
php修改word的实例方法
2021/11/17 PHP