Angular的$http的ajax的请求操作(推荐)


Posted in Javascript onJanuary 10, 2017

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

Javascript 相关文章推荐
JQuery 初体验(建议学习jquery)
Apr 25 Javascript
Javascript 继承机制实例
Aug 12 Javascript
js使浏览器窗口最大化实现代码(适用于IE)
Aug 07 Javascript
js左右弹性滚动对联广告代码分享
Feb 19 Javascript
jquery隔行换色效果实现方法
Jan 15 Javascript
js实现同一页面可多次调用的图片幻灯切换效果
Feb 28 Javascript
微信小程序前端源码逻辑和工作流
Sep 25 Javascript
JQuery 封装 Ajax 常用方法(推荐)
May 21 jQuery
详解在 Angular 项目中添加 clean-blog 模板
Jul 04 Javascript
ionic3 懒加载
Aug 16 Javascript
微信小程序Flex布局用法深入浅出分析
Apr 25 Javascript
查找Vue中下标的操作(some和findindex)
Aug 12 Javascript
JS遍历对象属性的方法示例
Jan 10 #Javascript
浅谈Angular.js中使用$watch监听模型变化
Jan 10 #Javascript
利用Query+bootstrap和js两种方式实现日期选择器
Jan 10 #Javascript
js实现背景图自适应窗口大小
Jan 10 #Javascript
微信JSAPI支付操作需要注意的细节
Jan 10 #Javascript
jQuery使用ajax方法解析返回的json数据功能示例
Jan 10 #Javascript
ajax实现动态下拉框示例
Jan 10 #Javascript
You might like
弄了个检测传输的参数是否为数字的Function
2006/12/06 PHP
说明的比较细的php 正则学习实例
2008/07/30 PHP
php常用ODBC函数集(详细)
2013/06/24 PHP
对于Laravel 5.5核心架构的深入理解
2018/02/22 PHP
PHP PDOStatement::fetch讲解
2019/01/31 PHP
Aster vs KG BO3 第三场2.18
2021/03/10 DOTA
jQuery右键菜单contextMenu使用实例
2011/09/28 Javascript
js正文内容高亮效果的实现方法
2013/06/30 Javascript
js setTimeout 参数传递使用介绍
2013/08/13 Javascript
JS 页面计时器示例代码
2013/10/28 Javascript
createTextRange()的使用示例含文本框选中部分文字内容
2014/02/24 Javascript
多个jQuery版本共存的处理方案
2015/03/17 Javascript
禁止按回车键提交表单的方法
2015/06/11 Javascript
JS实现随页面滚动显示/隐藏窗口固定位置元素
2016/02/26 Javascript
Vue2.0 多 Tab切换组件的封装实例
2017/07/28 Javascript
JS实现去除数组中重复json的方法示例
2017/12/21 Javascript
js实现点击展开隐藏效果(实例代码)
2018/09/28 Javascript
详解vue中axios的使用与封装
2019/03/20 Javascript
VUE 自定义组件模板的方法详解
2019/08/30 Javascript
javascript实现简易数码时钟
2020/03/30 Javascript
JQuery基于FormData异步提交数据文件
2020/09/01 jQuery
JavaScript的一些小技巧分享
2021/01/06 Javascript
[03:04]DOTA2英雄基础教程 影魔
2013/12/11 DOTA
Python爬虫代理IP池实现方法
2017/01/05 Python
Python内存管理方式和垃圾回收算法解析
2017/11/11 Python
python实现数据导出到excel的示例--普通格式
2018/05/03 Python
Python微医挂号网医生数据抓取
2019/01/24 Python
Python3.4学习笔记之常用操作符,条件分支和循环用法示例
2019/03/01 Python
我们为什么要减少Python中循环的使用
2019/07/10 Python
python读取指定字节长度的文本方法
2019/08/27 Python
HTML5里的placeholder属性使用实例和美化显示效果的方法
2014/04/23 HTML / CSS
教师党员承诺书
2014/03/25 职场文书
幼儿园秋季开学寄语
2014/08/02 职场文书
通知函格式范文
2015/04/27 职场文书
JavaScript实现酷炫的鼠标拖尾特效
2022/02/18 Javascript
Pyhton爬虫知识之正则表达式详解
2022/04/01 Python