频道导航

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

2019-01-01 Ajax 前端之家

前端之家收集整理的这篇文章主要介绍了Angular的$http的ajax的请求操作（推荐），前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_301_0@angular通过封装$http方法，封装了，ajax请求

@H_301_0@也通过$http封装了$http.get()和$http.post()的方法，这里由于图省事，这两种方法不如直接使用通用的方法

@H_301_0@这里先写一个案例，首先先写一个对象

<div class="jb51code">
<pre class="brush:js;">
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的格式
};

@H_301_0@然后通过$http方法调用对象，获取信息

}).error(function (data,config) {
//失败后的提示
console.log("error",data,JSON.stringify(config));
});

@H_301_0@angular 的ajax使用的是链式调用的方式，比较省事，简单易懂

@H_301_0@$http的配置项

@H_301_0@method:请求方式，有GET/DELETE/HEAD/JSONP/POST/PUT

@H_301_0@url：绝对的或者相对的请求目标

@H_301_0@data或者 params：请求的数据传送，data是post请求的数据，params是get请求的数据

@H_301_0@headers：请求的头部

@H_301_0@timeout：设置请求超时的时间，以毫秒计算，1000就相当于一秒

@H_301_0@以上所述是小编给大家介绍的Angular的$http的ajax的请求操作。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

angularjs的ajax请求