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 09 Javascript
JavaScript操作XML 使用百度RSS作为新闻源示例
Feb 17 Javascript
JS判断两个时间大小的示例代码
Jan 28 Javascript
Js数组排序函数sort()介绍
Jun 08 Javascript
JS实现左右无缝轮播图代码
May 01 Javascript
浅谈js中子页面父页面方法 变量相互调用
Aug 04 Javascript
微信js-sdk界面操作接口用法示例
Oct 12 Javascript
Vue.JS入门教程之列表渲染
Dec 01 Javascript
Jquery删除css属性的简单方法
Dec 04 Javascript
vue路由对不同界面进行传参及跳转的总结
Apr 20 Javascript
压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
Feb 03 Javascript
vue 数据操作相关总结
Dec 17 Vue.js
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
收音机的保养
2021/03/01 无线电
备份mysql数据库的php代码(一个表一个文件)
2010/05/28 PHP
PHP文件读写操作之文件写入代码
2011/01/13 PHP
解析dedecms空间迁移步骤详解
2013/05/15 PHP
php实现在线生成条形码示例分享(条形码生成器)
2013/12/30 PHP
ThinkPHP模板输出display用法分析
2014/11/26 PHP
老司机传授Ubuntu下Apache+PHP+MySQL环境搭建攻略
2016/03/20 PHP
laravel withCount 统计关联数量的方法
2019/10/10 PHP
JQery jstree 大数据量问题解决方法
2010/03/09 Javascript
jquery动态添加删除div 具体实现
2013/07/20 Javascript
Jquery 实现checkbox全选方法
2015/01/28 Javascript
require.js配合插件text.js实现最简单的单页应用程序
2016/07/12 Javascript
JS小数转换为整数的方法分析
2017/01/07 Javascript
全站最详细的Vuex教程
2018/04/13 Javascript
angularjs结合html5实现拖拽功能
2018/06/25 Javascript
vue js秒转天数小时分钟秒的实例代码
2018/08/08 Javascript
[05:31]DOTA2上海特级锦标赛主赛事第三日RECAP
2016/03/05 DOTA
[53:10]Secret vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
[44:37]完美世界DOTA2联赛PWL S3 Forest vs access 第一场 12.11
2020/12/13 DOTA
win10下python3.5.2和tensorflow安装环境搭建教程
2018/09/19 Python
Python+OpenCV实现图像融合的原理及代码
2018/12/03 Python
python使用time、datetime返回工作日列表实例代码
2019/05/09 Python
Python实现获取系统临时目录及临时文件的方法示例
2019/06/26 Python
Python常用数据类型之间的转换总结
2019/09/06 Python
python实现网站微信登录的示例代码
2019/09/18 Python
Matplotlib 折线图plot()所有用法详解
2020/07/28 Python
利用python汇总统计多张Excel
2020/09/22 Python
CSS3中使用RGBA设置透明度的示例
2015/08/04 HTML / CSS
使用HTML和CSS实现的标签云效果(附demo)
2021/02/03 HTML / CSS
历史教育专业个人求职信
2013/12/13 职场文书
安全教育演讲稿
2014/05/09 职场文书
大学专科自荐信
2014/06/17 职场文书
幼儿园中班班级总结
2015/08/10 职场文书
nginx location优先级的深入讲解
2021/03/31 Servers
mysql查询的控制语句图文详解
2021/04/11 MySQL
Python使用海龟绘图实现贪吃蛇游戏
2021/06/18 Python