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之九 一些瑕疵说明
Jun 21 Javascript
jQuery取得设置清空select选择的文本与值
Jul 08 Javascript
JavaScript代码判断点击第几个按钮
Dec 13 Javascript
bootstrap table 表格中增加下拉菜单末行出现滚动条的快速解决方法
Jan 05 Javascript
基于JavaScript实现弹幕特效
Aug 27 Javascript
禁止弹窗中蒙层底部页面跟随滚动的几种方法
Dec 07 Javascript
详解Vue 中 extend 、component 、mixins 、extends 的区别
Dec 20 Javascript
如何从零开始利用js手写一个Promise库详解
Apr 19 Javascript
vue router 配置路由的方法
Jul 26 Javascript
Vue.js的复用组件开发流程完整记录
Nov 29 Javascript
JavaScript命令模式原理与用法实例详解
Mar 10 Javascript
微信小程序收藏功能的实现代码
Jun 19 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
关于php操作mysql执行数据库查询的一些常用操作汇总
2013/06/24 PHP
destoon实现调用自增数字从1开始的方法
2014/08/21 PHP
ThinkPHP中关联查询实例
2014/12/02 PHP
phpstorm 正则匹配删除空行、注释行(替换注释行为空行)
2018/01/21 PHP
PHP+MySQL实现消息队列的方法分析
2018/05/09 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
PHP程序员简单的开展服务治理架构操作详解(三)
2020/05/14 PHP
一种JavaScript的设计模式
2006/11/22 Javascript
mapper--图片热点区域高亮组件官方站点
2007/12/22 Javascript
JQuery获取样式中的background-color颜色值的问题
2013/08/20 Javascript
js中cookie的添加、取值、删除示例代码
2013/10/21 Javascript
javascript 中的 delete及delete运算符
2015/11/15 Javascript
jquery实现具有收缩功能的垂直导航菜单
2016/02/16 Javascript
jquery中取消和绑定hover事件的实现代码
2016/06/02 Javascript
Nodejs 搭建简单的Web服务器详解及实例
2016/11/30 NodeJs
鼠标拖动改变DIV等网页元素的大小的实现方法
2017/07/06 Javascript
js实现本地时间同步功能
2017/08/26 Javascript
浅谈Vue的加载顺序探讨
2017/10/25 Javascript
详解webpack模块化管理和打包工具
2018/04/21 Javascript
微信小程序实现复选框效果
2018/12/28 Javascript
javascript操作元素的常见方法小结
2019/11/13 Javascript
vue项目在线上服务器访问失败原因分析
2020/08/14 Javascript
浅析Python中yield关键词的作用与用法
2016/11/29 Python
Python中的sort()方法使用基础教程
2017/01/08 Python
python提取图像的名字*.jpg到txt文本的方法
2018/05/10 Python
Django结合ajax进行页面实时更新的例子
2019/08/12 Python
通过 Django Pagination 实现简单分页功能
2019/11/11 Python
Pycharm Git 设置方法
2020/09/15 Python
Python 用__new__方法实现单例的操作
2020/12/11 Python
突袭HTML5之Javascript API扩展5—其他扩展(应用缓存/服务端消息/桌面通知)
2013/01/31 HTML / CSS
运动鞋中的劳斯莱斯:索康尼(SAUCONY)
2017/08/09 全球购物
医药工作者的求职信范文
2013/09/21 职场文书
护士自荐信
2013/10/25 职场文书
工作中个人的自我评价
2013/12/31 职场文书
红灯733-1型14管5波段半导体收音机
2021/04/22 无线电
go结构体嵌套的切片数组操作
2021/04/28 Golang