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 26 Javascript
window.open以post方式将内容提交到新窗口
Dec 26 Javascript
JS实现模仿微博发布效果实例代码
Dec 16 Javascript
通过$(this)使用jQuery包装后的方法或属性
May 18 Javascript
Javascript学习笔记之 函数篇(二) : this 的工作机制
Jun 24 Javascript
JS在一定时间内跳转页面及各种刷新页面的实现方法
May 26 Javascript
详解Node.js如何开发命令行工具
Aug 14 Javascript
Bootstrap php制作动态分页标签
Dec 23 Javascript
用JavaScript实现让浏览器停止载入页面的方法
Jan 19 Javascript
通过 JS 判断页面是否有滚动条的实现方法
Apr 05 Javascript
vue监听对象及对象属性问题
Aug 20 Javascript
浅谈react useEffect闭包的坑
Jun 08 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
DIY一个适配电脑声卡的动圈话筒放大器
2021/03/02 无线电
PHP面向对象编程快速入门
2006/12/14 PHP
一些php技巧与注意事项分析
2011/02/03 PHP
供参考的 php 学习提高路线分享
2011/10/23 PHP
php 利用socket发送HTTP请求(GET,POST)
2015/08/24 PHP
Laravel相关的一些故障解决
2020/08/19 PHP
张孝祥JavaScript学习阶段性总结(2)--(X)HTML学习
2007/02/03 Javascript
javascript 树控件 比较好用
2009/06/11 Javascript
jQuery JSON的解析方式分享
2011/04/05 Javascript
javascript改变position值实现菜单滚动至顶部后固定
2013/01/18 Javascript
Jquery 类网页微信二维码图块滚动效果具体实现
2013/10/14 Javascript
jQuery编程中的一些核心方法简介
2015/08/14 Javascript
分享JavaScript与Java中MD5使用两个例子
2015/12/23 Javascript
JS实现六边形3D拖拽翻转效果的方法
2016/09/11 Javascript
vue.js+boostrap项目实践(案例详解)
2016/09/21 Javascript
JS+Canvas实现的俄罗斯方块游戏完整实例
2016/12/12 Javascript
JS实现的简单拖拽功能示例
2017/03/13 Javascript
vuejs手把手教你写一个完整的购物车实例代码
2017/07/06 Javascript
vue router学习之动态路由和嵌套路由详解
2017/09/21 Javascript
vue2.0 axios跨域并渲染的问题解决方法
2018/03/08 Javascript
JavaScript实现仿Clock ISO时钟
2018/06/29 Javascript
vue中element 上传功能的实现思路
2018/07/06 Javascript
在 Vue 中编写 SVG 图标组件的方法
2020/02/24 Javascript
微信小程序实现滑动操作代码
2020/04/23 Javascript
python 切换root 执行命令的方法
2019/01/19 Python
pycharm实现在虚拟环境中引入别人的项目
2020/03/09 Python
Python填充任意颜色,不同算法时间差异分析说明
2020/05/16 Python
英国Zoro工具:手动工具,电动工具和个人防护用品
2016/11/02 全球购物
化石印度尼西亚在线商店:Fossil Indonesia
2019/03/11 全球购物
英国花园、DIY、电器和家居用品商店:Robert Dyas
2019/03/18 全球购物
大学生专业个人学习的自我评价
2013/10/26 职场文书
廉政教育心得体会
2014/01/01 职场文书
致铅球运动员广播稿精选
2014/01/12 职场文书
常务副总经理任命书
2014/06/05 职场文书
党的生日演讲稿
2014/09/10 职场文书
高考百日冲刺决心书
2015/09/23 职场文书