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 相关文章推荐
JavaScript Chart 插件整理
Jun 18 Javascript
模拟select的代码
Oct 19 Javascript
Angularjs 基础入门
Dec 26 Javascript
超详细的javascript数组方法汇总
Nov 21 Javascript
js输出数据精确到小数点后n位代码
Jul 02 Javascript
vue拦截器Vue.http.interceptors.push使用详解
Apr 22 Javascript
Vue + better-scroll 实现移动端字母索引导航功能
May 07 Javascript
JQuery实现ajax请求的示例和注意事项
Dec 10 jQuery
新手快速上手webpack4打包工具的使用详解
Jan 28 Javascript
微信小程序实现发送模板消息功能示例【通过openid推送消息给用户】
May 05 Javascript
JS+CSS实现随机点名(实例代码)
Nov 04 Javascript
js实现点赞按钮功能的实例代码
Mar 06 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之apc
2013/05/15 PHP
php微信公众平台开发类实例
2015/04/01 PHP
使用Git实现Laravel项目的自动化部署
2019/11/24 PHP
JavaScript Archive Network 集合
2007/05/12 Javascript
javascript获得CheckBoxList选中的数量
2009/10/27 Javascript
JavaScript 基础篇(一)
2012/03/30 Javascript
js获取当前日期代码适用于网页头部
2013/06/27 Javascript
JS数组array元素的添加和删除方法代码实例
2015/06/01 Javascript
JS实现支持多选的遍历下拉列表代码
2015/08/20 Javascript
JavaScript奇技淫巧44招【实用】
2016/12/11 Javascript
vue、react等单页面项目应该这样子部署到服务器
2018/01/03 Javascript
[03:09]2014DOTA2国际邀请赛 Mushi前队友送上祝福
2014/07/12 DOTA
[05:09]2016国际邀请赛中国区预选赛淘汰赛首日精彩回顾
2016/06/29 DOTA
分享15个最受欢迎的Python开源框架
2014/07/13 Python
Python3.x版本中新的字符串格式化方法
2015/04/24 Python
python实现通过代理服务器访问远程url的方法
2015/04/29 Python
Python文本统计功能之西游记用字统计操作示例
2018/05/07 Python
Python实现的文本对比报告生成工具示例
2018/05/22 Python
对python PLT中的image和skimage处理图片方法详解
2019/01/10 Python
ubuntu 16.04下python版本切换的方法
2019/06/14 Python
python爬虫实现中英翻译词典
2019/06/25 Python
Python文件操作中进行字符串替换的方法(保存到新文件/当前文件)
2019/06/28 Python
Python中变量的输入输出实例代码详解
2019/07/28 Python
python将四元数变换为旋转矩阵的实例
2019/12/04 Python
分享一枚pycharm激活码适用所有pycharm版本我的pycharm2020.2.3激活成功
2020/11/20 Python
世界上最受欢迎的花店:1-800-Flowers.com
2020/06/01 全球购物
如何保障Web服务器安全
2014/05/05 面试题
公司业务主管岗位职责
2013/12/07 职场文书
《春天来了》教学反思
2014/04/07 职场文书
2014党委书记四风对照检查材料思想汇报
2014/09/21 职场文书
2016年优秀教师先进事迹材料
2016/02/26 职场文书
2019消防宣传标语!
2019/07/10 职场文书
python 下载文件的几种方式分享
2021/04/07 Python
springboot中一些比较常用的注解总结
2021/06/11 Java/Android
SpringBoot2零基础到精通之数据与页面响应
2022/03/22 Java/Android
python中 .npy文件的读写操作实例
2022/04/14 Python