欢迎来到代码驿站!

AngularJS

当前位置:首页 > 网页前端 > AngularJS

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

下一篇:Angular2开发――组件规划篇

本文标题:Angular的$http的ajax的请求操作(推荐)

本文地址:http://www.codeinn.net/misctech/25441.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有