Angular的$http的ajax的请求操作(推荐)


Posted in Javascript onJanuary 10, 2017

angular通过封装$http方法,封装了,ajax请求

也通过$http封装了$http.get()$http.post()的方法,这里由于图省事,这两种方法不如直接使用通用的方法

这里先写一个案例,首先先写一个对象

var req = { 
 method: 'POST',//请求的方式 
 url: ip,//请求的地址 
 headers: { 
  'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8', 
  'Accept': '*/*' 
 },//请求的头,如果默认可以不写 
 timeout:5000,//超时时间,还没有测试 
 data: str //message 必须是a=b&c=d的格式 
};

然后通过$http方法调用对象,获取信息

$http(req).success(function (data, status, headers, config) { 
 //成功后的数据处理 
 
}).error(function (data, status, headers, config) { 
 //失败后的提示 
 console.log("error", data, status, headers, JSON.stringify(config)); 
});

angular 的ajax使用的是链式调用的方式,比较省事,简单易懂

$http的配置项

method:请求方式,有GET/DELETE/HEAD/JSONP/POST/PUT

url:绝对的或者相对的请求目标

data或者 params:请求的数据传送,data是post请求的数据,params是get请求的数据

headers:请求的头部

timeout:设置请求超时的时间,以毫秒计算,1000就相当于一秒

以上所述是小编给大家介绍的Angular的$http的ajax的请求操作,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
用JavaScript页面不刷新时全选择,全删除(GridView)
Apr 14 Javascript
简单分析javascript面向对象与原型
May 21 Javascript
jQuery unbind 删除绑定事件详解
May 24 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
Nov 01 Javascript
判断横屏竖屏(三种)
Feb 13 Javascript
js简单实现网页换肤功能
Apr 07 Javascript
vue-router单页面路由
Jun 17 Javascript
详解Angular2组件之间如何通信
Jun 22 Javascript
vue2 全局变量的设置方法
Mar 09 Javascript
js使用swiper实现层叠轮播效果实例代码
Dec 12 Javascript
基于vue-cli3创建libs库的实现方法
Dec 04 Javascript
Vue实现手机扫描二维码预览页面效果
May 28 Javascript
JS遍历对象属性的方法示例
Jan 10 #Javascript
浅谈Angular.js中使用$watch监听模型变化
Jan 10 #Javascript
利用Query+bootstrap和js两种方式实现日期选择器
Jan 10 #Javascript
js实现背景图自适应窗口大小
Jan 10 #Javascript
微信JSAPI支付操作需要注意的细节
Jan 10 #Javascript
jQuery使用ajax方法解析返回的json数据功能示例
Jan 10 #Javascript
ajax实现动态下拉框示例
Jan 10 #Javascript
You might like
yii2使用gridView实现下拉列表筛选数据
2017/04/10 PHP
浅谈laravel aliases别名的原理
2019/10/24 PHP
JQuery 无废话系列教程(一) jquery入门 [推荐]
2009/06/23 Javascript
JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)
2011/07/04 Javascript
js下拉框二级关联菜单效果代码具体实现
2013/08/03 Javascript
JS去除字符串两端空格的简单实例
2013/12/27 Javascript
JavaScript制作简单的日历效果
2016/03/10 Javascript
angularjs 源码解析之scope
2016/08/22 Javascript
AngularJS动态绑定HTML的方法分析
2016/11/07 Javascript
vue单页面在微信下只能分享落地页的解决方案
2019/04/15 Javascript
Postman动态获取返回值过程详解
2020/06/30 Javascript
Python专用方法与迭代机制实例分析
2014/09/15 Python
django将图片上传数据库后在前端显式的方法
2018/05/25 Python
利用Python对文件夹下图片数据进行批量改名的代码实例
2019/02/21 Python
Django 实现外键去除自动添加的后缀‘_id’
2019/11/15 Python
sublime3之内网安装python插件Anaconda的流程
2020/11/10 Python
老生常谈CSS中的长度单位
2016/06/27 HTML / CSS
阿拉伯世界最大的电子卖场:Souq埃及
2016/08/01 全球购物
世界上最大的高分辨率在线图片库:Alamy
2018/07/07 全球购物
俄罗斯宠物用品网上商店:ZooMag
2019/12/12 全球购物
现代绅士日常奢侈品:Todd Snyder
2019/12/13 全球购物
美国最大的烧烤架和户外生活用品专业零售商:Barbeques Galore
2021/01/09 全球购物
最新远光软件笔试题面试题内容
2013/11/08 面试题
编程用JAVA解析XML的方式
2013/07/07 面试题
护士自荐信怎么写
2013/10/18 职场文书
汽车技术服务英文求职信范文
2014/01/02 职场文书
员工培训邀请函
2014/01/11 职场文书
关爱留守儿童标语
2014/06/18 职场文书
公务员年度个人总结
2015/02/12 职场文书
公司员工奖惩制度
2015/08/04 职场文书
小学三年级语文教学反思
2016/03/03 职场文书
《围炉夜话》110句人生箴言,精辟有内涵,引人深思
2019/10/23 职场文书
MySQL 时间类型的选择
2021/06/05 MySQL
SQL Server使用导出向导功能
2022/04/08 SQL Server
Android开发之WECHAT微信小程序路由跳转的两种形式
2022/04/12 Java/Android
如何利用python实现列表嵌套字典取值
2022/06/10 Python