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 相关文章推荐
XmlUtils JS操作XML工具类
Oct 01 Javascript
Javascript 自定义类型方法小结
Mar 02 Javascript
Ext.get() 和 Ext.query()组合使用实现最灵活的取元素方式
Sep 26 Javascript
jquery实现弹出div,始终显示在屏幕正中间的简单实例
Mar 08 Javascript
JS实现日期时间动态显示的方法
Dec 07 Javascript
Bootstrap CSS组件之按钮组(btn-group)
Dec 17 Javascript
完美解决UI-Grid表格元素中多个空格显示为一个空格的问题
Apr 25 Javascript
详解vue 配合vue-resource调用接口获取数据
Jun 22 Javascript
详解Vuex管理登录状态
Nov 13 Javascript
如何让你的JS代码更好看易读
Dec 01 Javascript
js实现随机点名器精简版
Jun 29 Javascript
VUE项目axios请求头更改Content-Type操作
Jul 24 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静态类的原罪详解
2013/05/06 PHP
Yii中CGridView关联表搜索排序方法实例详解
2014/12/03 PHP
Yii2学习笔记之汉化yii设置表单的描述(属性标签attributeLabels)
2017/02/07 PHP
PHP实现QQ、微信和支付宝三合一收款码实例代码
2018/02/19 PHP
PHP的垃圾回收机制代码实例讲解
2021/02/27 PHP
一个刚完成的layout(拖动流畅,不受iframe影响)
2007/08/17 Javascript
ASP 过滤数组重复数据函数(加强版)
2010/05/31 Javascript
jQuery中对未来的元素绑定事件用bind、live or on
2014/04/17 Javascript
jquery对dom节点的操作【推荐】
2016/04/15 Javascript
JS中使用apply、bind实现为函数或者类传入动态个数的参数
2016/04/26 Javascript
在JavaScript中调用Java类和接口的方法
2016/09/07 Javascript
AngularJS实现根据变量改变动态加载模板的方法
2016/11/04 Javascript
详解vue配置后台接口方式
2019/03/29 Javascript
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
2019/04/13 Javascript
layui递归实现动态左侧菜单
2019/07/26 Javascript
jQuery 图片查看器插件 Viewer.js用法简单示例
2020/04/04 jQuery
[01:14:30]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第二场 8.20.mp4
2019/08/22 DOTA
[01:25:38]DOTA2-DPC中国联赛 正赛 VG vs LBZS BO3 第一场 1月19日
2021/03/11 DOTA
Python实现简单生成验证码功能【基于random模块】
2018/02/10 Python
python获取Linux发行版名称
2019/08/30 Python
Python库安装速度过慢解决方案
2020/07/14 Python
利用python批量爬取百度任意类别的图片的实现方法
2020/10/07 Python
canvas实现手机的手势解锁的步骤详细
2020/03/16 HTML / CSS
纽约手袋品牌:KARA
2018/03/18 全球购物
乌克兰在线药房:Аптека24
2019/10/30 全球购物
在网络中有两台主机A和B,并通过路由器和其他交换设备连接起来,已经确认物理连接正确无误,怎么来测试这两台机器是否连通?如果不通,怎么来判断故障点?怎么排
2014/01/13 面试题
2014年工作总结及2015工作计划
2014/12/12 职场文书
丽江古城导游词
2015/02/03 职场文书
辞职信如何写
2015/02/27 职场文书
长江七号观后感
2015/06/11 职场文书
公务员岗前培训心得体会
2016/01/08 职场文书
教育教学工作反思
2016/02/24 职场文书
FP-growth算法发现频繁项集——构建FP树
2021/06/24 Python
Python游戏开发实例之graphics实现AI五子棋
2021/11/01 Python
python游戏开发Pygame框架
2022/04/22 Python
讨论nginx location 顺序问题
2022/05/30 Servers