Angular的$http的ajax的请求操作（推荐）

时间:2020-05-15 专注前端30年人气:0

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的请求操作，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

加载全部内容