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文件 document.createElement
Oct 14 Javascript
用JavaScript和注册表脚本实现右键收藏Web页选中文本
Jan 28 Javascript
Iframe实现跨浏览器自适应高度解决方法
Sep 02 Javascript
jQuery实现高亮显示网页关键词的方法
Aug 07 Javascript
JavaScript实现动态删除列表框值的方法
Aug 12 Javascript
jQuery实现的淡入淡出二级菜单效果代码
Sep 15 Javascript
Jquery跨浏览器文本复制插件Zero Clipboard的使用方法
Feb 28 Javascript
浅谈angular4实际项目搭建总结
Dec 01 Javascript
Bootstrap 中data-[*] 属性的整理
Mar 13 Javascript
vue+webpack模拟后台数据的示例代码
Jul 26 Javascript
Element Input输入框的使用方法
Jul 26 Javascript
浅谈 JavaScript 沙箱Sandbox
Nov 02 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
世界第一个无线广播电台 KDKA
2021/03/01 无线电
PHP图片处理类 phpThumb参数用法介绍
2012/03/11 PHP
PHP遍历数组的三种方法及效率对比分析
2015/02/12 PHP
php写入数据到CSV文件的方法
2015/03/14 PHP
php7新特性的理解和比较总结
2019/04/14 PHP
jQuery EasyUI 开源插件套装 完全替代ExtJS
2010/03/24 Javascript
使用JavaScript修改浏览器URL地址栏的实现代码
2013/10/21 Javascript
jQuery中attr()和prop()在修改checked属性时的区别
2014/07/18 Javascript
JS组件Bootstrap Select2使用方法解析
2016/05/30 Javascript
原生JS实现导航下拉菜单效果
2020/11/25 Javascript
JavaScript实现选中文字提示新浪微博分享效果
2017/06/15 Javascript
angular4自定义组件详解
2017/09/28 Javascript
详解如何在nuxt中添加proxyTable代理
2018/08/10 Javascript
jquery插件开发模式实例详解
2019/07/20 jQuery
vue 集成jTopo 处理方法
2019/08/07 Javascript
layui将table转化表单显示的方法(即table.render转为表单展示)
2019/09/24 Javascript
javascript中的相等操作符(==与===区别)
2019/12/21 Javascript
js实现表格单列按字母排序
2020/08/12 Javascript
Vue——前端生成二维码的示例
2020/12/19 Vue.js
python中pygame模块用法实例
2014/10/09 Python
如何解决django配置settings时遇到Could not import settings 'conf.local'
2014/11/18 Python
Python XML RPC服务器端和客户端实例
2014/11/22 Python
python在windows命令行下输出彩色文字的方法
2015/03/19 Python
Python中几种导入模块的方式总结
2017/04/27 Python
基于python内置函数与匿名函数详解
2018/01/09 Python
python错误调试及单元文档测试过程解析
2019/12/19 Python
Python 内置函数globals()和locals()对比详解
2019/12/23 Python
Python跑循环时内存泄露的解决方法
2020/01/13 Python
Python 使用双重循环打印图形菱形操作
2020/08/09 Python
CSS3 :default伪类选择器使用简介
2018/03/15 HTML / CSS
HTML5 语义化结构化规范化
2008/10/17 HTML / CSS
html5 input属性使用示例
2013/06/28 HTML / CSS
init进程的作用
2015/08/20 面试题
社区工作感言
2014/02/21 职场文书
小学雷锋月活动总结
2014/07/03 职场文书
springboot读取nacos配置文件
2022/05/20 Java/Android