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实现的自定义模糊查询、排序及三角箭头标注功能示例
这篇文章主要介绍了Angular实现的自定义模糊查询、排序及三角箭头标注功能,涉及AngularJS针对页面table元素的遍历、查询、判断、排序等相关操作技巧,需要的朋友可以参考下2017-12-12
Angular通过angular-cli来搭建web前端项目的方法
这篇文章主要介绍了Angular通过angular-cli来搭建web前端项目的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-07-07


最新评论