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 27 Javascript
js生成动态表格并为每个单元格添加单击事件的方法
Apr 14 Javascript
在for循环中length值是否需要缓存
Jul 27 Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
Oct 16 Javascript
JavaScript中的继承之类继承
May 01 Javascript
微信小程序template模板实例详解
Oct 27 Javascript
Webpack的dll功能使用
Jun 28 Javascript
微信小程序调用摄像头隐藏式拍照功能
Aug 22 Javascript
js的对象与函数详解
Jan 21 Javascript
详解js加减乘除精确计算
Mar 19 Javascript
JavaScript文档加载模式以及元素获取
Jul 28 Javascript
vue实现两个区域滚动条同步滚动
Dec 13 Vue.js
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
PHP4实际应用经验篇(6)
2006/10/09 PHP
PHP利用imagick生成组合缩略图
2016/02/19 PHP
零基础php编程好学吗
2019/10/11 PHP
php 使用expat方式解析xml文件操作示例
2019/11/26 PHP
php文件上传原理与实现方法详解
2019/12/20 PHP
利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
2013/11/25 Javascript
javascript中bind函数的作用实例介绍
2014/09/28 Javascript
NodeJS中利用Promise来封装异步函数
2015/02/25 NodeJs
js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
2015/08/11 Javascript
jQuery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
2020/11/18 Javascript
基于JavaScript实现TAB标签效果
2016/01/12 Javascript
jQuery插件ajaxfileupload.js实现上传文件
2020/10/23 Javascript
sencha ext js 6 快速入门(必看)
2016/06/01 Javascript
jQuery 3.0 的 setter和getter 模式详解
2016/07/11 Javascript
JavaScript实现的CRC32函数示例
2016/11/23 Javascript
JS获取鼠标位置距浏览器窗口距离的方法示例
2017/04/11 Javascript
Vue 拦截器对token过期处理方法
2018/01/23 Javascript
Angular通过指令动态添加组件问题
2018/07/09 Javascript
vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法
2019/04/17 Javascript
详解mpvue中使用vant时需要注意的onChange事件的坑
2019/05/16 Javascript
JS实现压缩上传图片base64长度功能
2019/12/03 Javascript
ES6 Object.assign()的用法及其使用
2020/01/18 Javascript
JS内置对象和Math对象知识点详解
2020/04/03 Javascript
python发送邮件的实例代码(支持html、图片、附件)
2013/03/04 Python
在SAE上部署Python的Django框架的一些问题汇总
2015/05/30 Python
python根据京东商品url获取产品价格
2015/08/09 Python
Python3中使用PyMongo的方法详解
2017/07/28 Python
python使用xpath中遇到:到底是什么?
2018/01/04 Python
python3文件复制、延迟文件复制任务的实现方法
2019/09/02 Python
Python新手学习装饰器
2020/06/04 Python
CSS3 Columns分列式布局方法简介
2014/05/03 HTML / CSS
html5使用window.postMessage进行跨域实现数据交互的一次实战
2021/02/24 HTML / CSS
Crocs卡骆驰洞洞鞋日本官方网站:Crocs日本
2016/08/25 全球购物
聊城大学毕业生自荐书
2014/02/01 职场文书
房地产广告词大全
2014/03/19 职场文书
基于Python编写一个监控CPU的应用系统
2022/06/25 Python