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 相关文章推荐
jQuery+css3实现Ajax点击后动态删除功能的方法
Aug 10 Javascript
jQuery实现的简洁下拉菜单导航效果代码
Aug 26 Javascript
JQuery入门基础小实例(1)
Sep 17 Javascript
JS实现网页标题随机显示名人名言的方法
Nov 03 Javascript
jQuery+css3实现转动的正方形效果(附demo源码下载)
Jan 27 Javascript
jQuery制作全屏宽度固定高度轮播图(实例讲解)
Jul 08 jQuery
JS中关于正则的巧妙操作
Aug 31 Javascript
基于react组件之间的参数传递(详解)
Sep 05 Javascript
Angularjs之如何在跨域请求中传输Cookie的方法
Jun 01 Javascript
详解在微信小程序的JS脚本中使用Promise来优化函数处理
Mar 06 Javascript
JS检测浏览器开发者工具是否打开的方法详解
Oct 02 Javascript
使用Mock.js生成前端测试数据
Dec 13 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
PHP资源管理框架Assetic简介
2014/06/12 PHP
laravel-admin的图片删除实例
2019/09/30 PHP
JavaScript中json对象和string对象之间相互转化
2012/12/26 Javascript
Jquery:ajax实现翻页无刷新功能代码
2013/08/05 Javascript
jQuery拖拽插件gridster使用指南
2015/04/21 Javascript
Node.js程序中的本地文件操作用法小结
2016/03/06 Javascript
Bootstrap风格的WPF样式
2016/12/07 Javascript
很棒的一组js图片轮播特效
2017/01/12 Javascript
vue过渡和animate.css结合使用详解
2017/06/14 Javascript
javascript连接mysql与php通过odbc连接任意数据库的实例
2017/12/27 Javascript
JS实现快递单打印功能【推荐】
2018/06/21 Javascript
MockJs结合json-server模拟后台数据
2020/08/26 Javascript
在Vue mounted方法中使用data变量详解
2019/11/05 Javascript
vue 接口请求地址前缀本地开发和线上开发设置方式
2020/08/13 Javascript
[59:30]VG vs LGD 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
python中使用urllib2伪造HTTP报头的2个方法
2014/07/07 Python
Python 列表排序方法reverse、sort、sorted详解
2016/01/22 Python
opencv改变imshow窗口大小,窗口位置的方法
2018/04/02 Python
小白入门篇使用Python搭建点击率预估模型
2018/10/12 Python
Python序列对象与String类型内置方法详解
2019/10/22 Python
python基于opencv检测程序运行效率
2019/12/28 Python
给 TensorFlow 变量进行赋值的方式
2020/02/10 Python
基于Python中Remove函数的用法讨论
2020/12/11 Python
英国最大的LED专业零售商:Led Hut
2018/03/16 全球购物
德国专业木制品经销商:Holz-Direkt24
2019/12/26 全球购物
销售总监岗位职责
2014/01/04 职场文书
中国好声音华少广告词
2014/03/17 职场文书
大班亲子运动会方案
2014/06/10 职场文书
小学家长学校培训材料
2014/08/24 职场文书
暑期政治学习心得体会
2014/09/02 职场文书
学校政风行风评议工作总结
2014/10/21 职场文书
2015年反腐倡廉工作总结
2015/05/14 职场文书
某某店铺的开业庆典主持词范本
2019/11/25 职场文书
导游词之南京汤山温泉
2019/11/26 职场文书
pytorch 实现在测试的时候启用dropout
2021/05/27 Python
彻底解决MySQL使用中文乱码的方法
2022/01/22 MySQL