Angular的$http的ajax的请求操作(推荐)
2017-01-10 10:30
776 查看
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的请求操作,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
- Angularjs中$http以post请求通过消息体传递参数的实现方法
- 详解AngularJS中$http缓存以及处理多个$http请求的方法
- AngularJS $http模块POST请求实现
- AngularJS出现$http异步后台无法获取请求参数问题的解决方法
- angularJS 发起$http.post和$http.get请求的实现方法
- 详解AngularJS用Interceptors来统一处理HTTP请求和响应
- AngularJs导出数据到Excel的示例代码
- angular2中Http请求原理与用法详解
- angular 用拦截器统一处理http请求和响应的方法
- AngularJS基于http请求实现下载php生成的excel文件功能示例
相关文章推荐
- angular的$http的ajax的请求操作
- angular请求http基本操作
- $http——ajax跨域请求的angular方式
- AJAX(XMLHttpRequest)进行跨域请求方法详解(一) 推荐
- XMLHttpRequest对象_Ajax异步请求重点(推荐)
- AJAX中同时发送多个请求XMLHttpRequest对象处理方法
- AJAX中同时发送多个请求XMLHttpRequest对象处理方法
- 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求 在 Web 请求中使用 XMLHttpRequest
- 掌握 Ajax,第 3 部分: Ajax 中的高级请求和响应 全面理解 HTTP 的状态代码、就绪状态和 XMLHttpRequest 对象
- Ajax - 使用XMLHttpRequest对象向服务器发送简单请求
- AJAX(XMLHttpRequest)进行跨域请求方法详解
- AJAX中同时发送多个请求XMLHttpRequest对象处理方法
- Ajax漫步(三)用XMLHttpRequest 发送请求
- AJAX(XMLHttpRequest)跨域请求笔记(一)
- AJAX(XMLHttpRequest)进行跨域请求方法详解(二)
- AJAX中同时发送多个请求XMLHttpRequest对象处理方法
- AJAX中同时发送多个请求XMLHttpRequest对象处理方法
- 使用JavaScript和Ajax发出异步请求 XMLHttpRequest
- AJAX中同时发送多个请求XMLHttpRequest对象处理方法
- AJAX(XMLHttpRequest)进行跨域请求方法详解(二)