Angular的$http的ajax的请求操作(推荐)
时间:2020-11-23 12:16:04|栏目:AngularJS|点击: 次
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源码学习第一篇 setupModuleLoader方法
栏 目:AngularJS
本文标题:Angular的$http的ajax的请求操作(推荐)
本文地址:http://www.codeinn.net/misctech/25441.html