AngularJS中$http使用的简单介绍


Posted in Javascript onMarch 17, 2017

在AngularJS中主要使用$http服务与远程http服务器交互,其作用类似于jquery中的$.ajax服务:

  1. $http是AngularJS的一个核心服务,利用浏览器的xmlhttprequest或者via JSONP对象与远程HTTP服务器进行交互;
  2. 与$.ajax相同,支持多种method请求:get、post、put、delete等;
  3. controller中可通过与$scope同样的方式获取$http对象,形如:function controller($ http, $ scope){};

$http使用说明:

$http服务使用如下面代码所示:

// 1.5以下版本
$http(config)
.success(function(data, status, headers, config){//请求成功执行代码})
.error(function(data, status, headers, config){//请求失败执行代码})

// 1.5以上版本
$http(config).then(
function successCallback(response){//请求成功执行代码},
function errorCallback(response){//请求失败执行代码}
);

具体参数、方法说明:

配置参数:

  1. config是请求的配置参数总集,格式为json;
  2. 包含的配置项包括:
  3. method:字符串类型,请求方式如"GET","POST","DELETE"等;
  4. url:字符串类型,请求的url地址;
  5. params:json类型,请求参数,将在url上被拼接成?key=value的形式;
  6. data:json类型,请求数据,将放在请求内发送至服务器;
  7. cache:bool类型,true表示http GET请求时采用默认的$http cache,否则使用$cacheFactory的实例;
  8. timeout:整数类型,超时时间;

回调函数:

  1. success是请求成功后的回调函数;
  2. error是请求失败后的回调函数;
  3. data是响应体;
  4. status是相应的状态值;
  5. headers是获取getter的函数;
  6. config是请求中的config json对象;

method属性可以作为config配置参数中的一个属性,也可以直接作为方法调用,如:

$http.post(url, data, config)

$http使用范例:

var searchOplog = function ($http, table, btn) {
 $http({
  url: 'data/oplog.json',
  method: 'GET'
 }).then(function successCallback(response) {
  console.log('get Oplog success:', response);
  table.init(response.data);
  btn.button('reset');
  btn.dequeue();
 }, function errorCallback(response) {
  console.log('errorCallback Response is:', response);
  table.init();
  btn.button('reset');
  btn.dequeue();
 });
};

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 获取用户客户端操作系统版本
Aug 25 Javascript
层序遍历在ExtJs的TreePanel中的应用
Oct 16 Javascript
jquery+json实现数据列表分页示例代码
Nov 15 Javascript
JavaScript轮播图简单制作方法
Feb 20 Javascript
JavaScript实现256色转灰度图
Feb 22 Javascript
详解用node编写自己的cli工具
May 23 Javascript
关于vue.js v-bind 的一些理解和思考
Jun 06 Javascript
vue框架下部署上线后刷新报404问题的解决方案(推荐)
Apr 03 Javascript
vue前端框架—Mint UI详解(更适用于移动端)
Apr 30 Javascript
vue实现简单计算商品价格
Sep 14 Javascript
EXTJS7实现点击拖拉选择文本
Dec 17 Javascript
js实现简单的倒计时
Jan 28 Javascript
单击按钮发送验证码,出现倒计时的简单实例
Mar 17 #Javascript
jQuery Ajax前后端使用JSON进行交互示例
Mar 17 #Javascript
Bootstrap表格制作代码
Mar 17 #Javascript
鼠标经过出现气泡框的简单实例
Mar 17 #Javascript
angularJS之$http:与服务器交互示例
Mar 17 #Javascript
Bootstrap下拉菜单Dropdowns的实现代码
Mar 17 #Javascript
Bootstrap面板(Panels)的简单实现代码
Mar 17 #Javascript
You might like
DOTA2 6.87版本后新眼位详解攻略
2020/04/20 DOTA
自己动手,丰衣足食 - 短波框形天线制作
2021/03/01 无线电
PHP面向对象的进阶学习(抽像类、接口、final、类常量)
2012/05/07 PHP
解析PHP生成静态html文件的三种方法
2013/06/18 PHP
php中并发读写文件冲突的解决方案
2013/10/25 PHP
destoon设置自定义搜索的方法
2014/06/21 PHP
PHP实现文件下载断点续传详解
2014/10/15 PHP
thinkPHP批量删除的实现方法分析
2016/11/09 PHP
jquery实现图片左右间隔滚动特效(可自动播放)
2013/05/08 Javascript
jquery中邮箱地址 URL网站地址正则验证实例代码
2013/09/15 Javascript
JS实现仿QQ聊天窗口抖动特效
2015/05/10 Javascript
JS实现alert中显示换行的方法
2015/12/17 Javascript
jQuery获取单击节点对象的方法
2016/06/02 Javascript
AngularJS 输入验证详解及实例代码
2016/07/28 Javascript
15款最好的Bootstrap在线编辑器
2016/08/03 Javascript
通过一次报错详细谈谈Point事件
2018/05/17 Javascript
vue的全局变量和全局拦截请求器的示例代码
2018/09/13 Javascript
纯js+css实现仿移动端淘宝网站的弹出详情框功能
2019/12/29 Javascript
让你30分钟快速掌握vue3教程
2020/10/26 Javascript
NestJs使用Mongoose对MongoDB操作的方法
2021/02/22 Javascript
[49:41]NB vs NAVI Supermajor小组赛A组 BO3 第一场 6.2
2018/06/03 DOTA
Python模拟登录12306的方法
2014/12/30 Python
在Python中使用SimpleParse模块进行解析的教程
2015/04/11 Python
对pytorch中的梯度更新方法详解
2019/08/20 Python
基于python模拟bfs和dfs代码实例
2020/11/19 Python
英国知名的皮手套品牌:Dents
2016/11/13 全球购物
英国可持续奢侈品包包品牌:Elvis & Kresse
2018/08/05 全球购物
父亲生日宴会答谢词
2014/01/10 职场文书
乡镇庆八一活动方案
2014/02/02 职场文书
推广活动策划方案
2014/08/23 职场文书
党员干部批评与自我批评反四风思想汇报
2014/09/21 职场文书
党员教师四风自我剖析材料
2014/09/30 职场文书
湖南省召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
小学五一劳动节活动总结
2015/02/09 职场文书
民警忠诚教育心得体会
2016/01/23 职场文书
详细聊聊关于Mysql联合查询的那些事儿
2021/10/24 MySQL