Angular的$http的ajax的请求操作(推荐)
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的请求操作,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
相关文章
解决angular双向绑定无效果,ng-model不能正常显示的问题
今天小编就为大家分享一篇解决angular双向绑定无效果,ng-model不能正常显示的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2018-10-10详解使用angular-cli发布i18n多国语言Angular应用
这篇文章主要介绍了详解使用angular-cli发布i18n多国语言Angular应用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-05-05AngularJS 获取ng-repeat动态生成的ng-model值实例详解
这篇文章主要介绍了AngularJS 获取ng-repeat动态生成的ng-model值实例详解的相关资料,这里提供实例代码及实现效果图,需要的朋友可以参考下2016-11-11基于 angular material theming 机制修改 mat-toolbar 的背景色(示例详解
最近在学习 angular,记录一下昨天的进展,解决的问题是通过 theme 的配置修改 mat-toolbar 的背景色,避免对色彩的硬编码,这篇文章主要介绍了基于 angular material theming 机制修改 mat-toolbar 的背景色,需要的朋友可以参考下2022-10-10AngularJS中如何使用$http对MongoLab数据表进行增删改查
这篇文章主要介绍了AngularJS中如何使用$http对MongoLab数据表进行增删改查的相关资料,需要的朋友可以参考下2016-01-01
最新评论