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插件 autoComboBox 下拉框
Dec 22 Javascript
cookie.js 加载顺序问题怎么才有效
Jul 31 Javascript
javascript的渐进增强与平稳退化浅谈
Nov 12 Javascript
jquery简单实现滚动条下拉DIV固定在头部不动
Nov 25 Javascript
javascript 原型链维护和继承详解
Nov 26 Javascript
jQuery中Ajax的load方法详解
Jan 14 Javascript
JS烟花背景效果实现方法
Mar 03 Javascript
jQuery提示插件alertify使用指南
Apr 21 Javascript
原生javascript实现解析XML文档与字符串
Mar 01 Javascript
jquery自定义插件——window的实现【示例代码】
May 06 Javascript
angular 实时监听input框value值的变化触发函数方法
Aug 31 Javascript
使用JS实现简易计算器
Jun 14 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线性表的入栈与出栈实例分析
2015/06/12 PHP
PHP中非常有用却鲜有人知的函数集锦
2019/08/17 PHP
基于Jquery的仿Windows Aero弹出窗(漂亮的关闭按钮)
2010/09/28 Javascript
jQuery图片预加载 等比缩放实现代码
2011/10/04 Javascript
jQuery Deferred和Promise创建响应式应用程序详细介绍
2013/03/05 Javascript
jquery ajax同步异步的执行最终解决方案
2013/04/26 Javascript
使用js获取图片原始尺寸
2014/12/03 Javascript
js实现iframe跨页面调用函数的方法
2014/12/13 Javascript
分享9个最好用的JavaScript开发工具和代码编辑器
2015/03/24 Javascript
在JavaScript中操作时间之setYear()方法的使用
2015/06/12 Javascript
使用JavaScriptCore实现OC和JS交互详解
2017/03/28 Javascript
微信小程序多张图片上传功能
2017/06/07 Javascript
微信小程序使用modal组件弹出对话框功能示例
2017/11/29 Javascript
vue使用 better-scroll的参数和方法详解
2018/01/25 Javascript
Vue官方推荐AJAX组件axios.js使用方法详解与API
2018/10/09 Javascript
layui 点击重置按钮, select 并没有被重置的解决方法
2019/09/03 Javascript
这15个Vue指令,让你的项目开发爽到爆
2019/10/11 Javascript
jQuery实现评论模块
2020/08/19 jQuery
Python入门篇之编程习惯与特点
2014/10/17 Python
利用scrapy将爬到的数据保存到mysql(防止重复)
2018/03/31 Python
pandas对指定列进行填充的方法
2018/04/11 Python
python 如何引入协程和原理分析
2020/11/30 Python
python安装mysql的依赖包mysql-python操作
2021/01/01 Python
python利用appium实现手机APP自动化的示例
2021/01/26 Python
Omio西班牙:全欧洲低价大巴、火车和航班搜索和比价
2017/02/11 全球购物
加拿大留学自荐信
2014/01/28 职场文书
给实习单位的感谢信
2014/02/01 职场文书
挂牌仪式主持词
2014/03/20 职场文书
关于梦想的演讲稿
2014/05/05 职场文书
阅兵口号
2014/06/19 职场文书
党的群众路线教育实践活动先进个人材料
2014/12/24 职场文书
聘任书格式及范文
2015/09/21 职场文书
年终工作总结范文
2019/06/20 职场文书
比较几种Redis集群方案
2021/06/21 Redis
电脑只能进入安全模式无法正常启动的解决办法
2022/04/08 数码科技
详解OpenCV获取高动态范围(HDR)成像
2022/04/29 Python