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 相关文章推荐
为指定元素增加样式的js代码
Dec 09 Javascript
jquery搜索框效果实现方法
Jan 16 Javascript
JavaScript函数详解
Feb 27 Javascript
对JavaScript的全文搜索实现相关度评分的功能的方法
Jun 24 Javascript
JavaScript事件详细讲解
Jun 27 Javascript
JS把内容动态插入到DIV的实现方法
Jul 19 Javascript
webpack之devtool详解
Feb 10 Javascript
详解jQuery获取特殊属性的值以及设置内容
Nov 14 jQuery
React精髓!一篇全概括小结(急速)
May 23 Javascript
微信小程序以7天为周期连续签到7天功能效果的示例代码
Aug 20 Javascript
如何通过JS实现日历简单算法
Oct 14 Javascript
Vant Weapp组件踩坑:picker的初始赋值解决
Nov 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
Ajax+PHP 边学边练之四 表单
2009/11/27 PHP
php自定义函数实现统计中文字符串长度的方法小结
2017/04/15 PHP
laravel中Redis队列监听中断的分析
2020/09/14 PHP
2020最新版 PhpStudy V8.1版本下载安装使用详解
2020/10/30 PHP
键盘KeyCode值列表汇总
2013/11/26 Javascript
改变状态栏文字的js代码
2014/06/13 Javascript
JS实现的页面自定义滚动条效果
2015/10/26 Javascript
Javascript之BOM(window对象)详解
2016/05/25 Javascript
简单实现jQuery进度条轮播实例代码
2016/06/20 Javascript
JavaScript实现三级联动菜单实例代码
2017/06/26 Javascript
js 客户端打印html 并且去掉页眉、页脚的实例
2017/11/03 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
2019/07/19 Javascript
[43:57]Liquid vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
python监控网卡流量并使用graphite绘图的示例
2014/04/27 Python
深入解析Python中的WSGI接口
2015/05/11 Python
python通过ssh-powershell监控windows的方法
2015/06/02 Python
Python字符串转换成浮点数函数分享
2015/07/24 Python
Python中的字典与成员运算符初步探究
2015/10/13 Python
python matplotlib画图实例代码分享
2017/12/27 Python
Python实现学校管理系统
2018/01/11 Python
python2.6.6如何升级到python2.7.14
2018/04/08 Python
Python sorted函数详解(高级篇)
2018/09/18 Python
python实现控制电脑鼠标和键盘,登录QQ的方法示例
2019/07/06 Python
Python正则表达式匹配日期与时间的方法
2019/07/07 Python
浅谈python图片处理Image和skimage的区别
2019/08/04 Python
python读取与处理netcdf数据方式
2020/02/14 Python
Python基于requests库爬取网站信息
2020/03/02 Python
tensorflow转换ckpt为savermodel模型的实现
2020/05/25 Python
Python使用Selenium实现淘宝抢单的流程分析
2020/06/23 Python
C#中有没有静态构造函数,如果有是做什么用的?
2016/06/04 面试题
《春到梅花山》教学反思
2014/04/16 职场文书
退休欢送会致辞
2015/07/31 职场文书
导游词之崇武古城
2019/10/07 职场文书
Spring mvc是如何实现与数据库的前后端的连接操作的?
2021/06/30 Java/Android
mysql insert 存在即不插入语法说明
2022/03/25 MySQL
超越Nginx的Web服务器caddy优雅用法
2022/06/21 Servers