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实现随意改变div任意属性的名称和值(部分原生js实现)
May 28 Javascript
ie8 不支持new Date(2012-11-10)问题的解决方法
Jul 31 Javascript
Js nodeType 属性全面解析
Nov 14 Javascript
解析Javascript小括号“()”的多义性
Dec 03 Javascript
js AppendChild与insertBefore用法详细对比
Dec 16 Javascript
JQuery 在线引用及测试引用是否成功
Jun 24 Javascript
jQuery中的read和JavaScript中的onload函数的区别
Aug 27 Javascript
Javascript基础教程之while语句
Jan 18 Javascript
Javascript编程之继承实例汇总
Nov 28 Javascript
javascript数组遍历的方法实例分析
Sep 13 Javascript
JS基于贪心算法解决背包问题示例
Nov 27 Javascript
微信小程序按钮点击跳转页面详解
May 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句法规则详解 入门学习
2011/11/09 PHP
yii2使用ajax返回json的实现方法
2016/05/14 PHP
js控制滚动条缓慢滚动到顶部实现代码
2013/03/20 Javascript
js中的eventType事件及其浏览器支持性介绍
2013/11/29 Javascript
window.showModalDialog()返回值的学习心得总结
2014/01/07 Javascript
innerHTML在IE中报错解决方案
2014/12/15 Javascript
JQuery实现动态适时改变字体颜色的方法
2015/03/10 Javascript
详解javascript跨浏览器事件处理程序
2016/03/27 Javascript
BootStrap实现邮件列表的分页和模态框添加邮件的功能
2016/10/13 Javascript
Javascript 跨域知识详细介绍
2016/10/30 Javascript
javascript事件的绑定基础实例讲解(34)
2017/02/14 Javascript
详解Vue 方法与事件处理器
2017/06/20 Javascript
解决微信二次分享不显示摘要和图片的问题
2017/08/18 Javascript
Javascript快速实现浏览器系统通知
2017/08/26 Javascript
JS实现碰撞检测的方法分析
2018/01/19 Javascript
jQuery实现适用于移动端的跑马灯抽奖特效示例
2019/01/18 jQuery
基于Vue的侧边目录组件的实现
2020/02/05 Javascript
js模拟实现百度搜索
2020/06/28 Javascript
基于JS实现计算24点算法代码实例解析
2020/07/23 Javascript
vue+iview实现分页及查询功能
2020/11/17 Vue.js
vue使用lodop打印控件实现浏览器兼容打印的方法
2021/02/07 Vue.js
python 按照固定长度分割字符串的方法小结
2018/04/30 Python
Python实现将多个空格换为一个空格.md的方法
2018/12/20 Python
PythonWeb项目Django部署在Ubuntu18.04腾讯云主机上
2019/04/01 Python
python里 super类的工作原理详解
2019/06/19 Python
通过python实现弹窗广告拦截过程详解
2019/07/10 Python
使用python实现多维数据降维操作
2020/02/24 Python
基于CentOS搭建Python Django环境过程解析
2020/08/24 Python
python 实现的车牌识别项目
2021/01/25 Python
html5指南-4.使用Geolocation实现定位功能
2013/01/07 HTML / CSS
两则小学生的自我评价分享
2013/11/14 职场文书
党的群众路线教育实践活动制度建设计划方案
2014/10/31 职场文书
2015年上半年党建工作总结
2015/03/30 职场文书
新闻通讯稿范文
2015/07/22 职场文书
运动会宣传稿50字
2015/07/23 职场文书
Vue ECharts实现机舱座位选择展示功能
2022/05/15 Vue.js