angular中的$http服务
2015-12-11 17:55
519 查看
$http是ng内置的一个服务。是简单的封装了浏览器原生的XMLHttpRequest对象。
写法1
实际上$http方法返回一个promise对象,这样可以方便的进行链式调用。
于是我们可以这样
注意:
1. 如果响应状态码在200和299之间,会认为响应是成功的,success回调会被调用,否则会调用error回调。
2. 如果响应结果是重定向,XMLHttpRequest会跟进这个重定向,并不会调用error回调。
写法2
使用promise对象的then方法
then()方法与其他两种方法的主要区别是,它会接收到完整的响应对象,而success()和error()则会对响应对象进行析构。个人理解是拆分了
写法3 快捷写法
jQuery源码中,$.get(url,data,fn),$.post等是对$ajax的再次封装。ng类似。
实例:demo
写法1
$http({ method: "GET", url: 'data.json', }).success(function(data, status, headers, config){ $scope.list = data; }).error(function(data, status, headers, config) { // });
实际上$http方法返回一个promise对象,这样可以方便的进行链式调用。
于是我们可以这样
var promise = $http({ method: "GET", url: 'data.json', }) promise .success(function(data, status, headers, config){ // $scope.list = data; }) .error(function(data, status, headers, config) { // });
注意:
1. 如果响应状态码在200和299之间,会认为响应是成功的,success回调会被调用,否则会调用error回调。
2. 如果响应结果是重定向,XMLHttpRequest会跟进这个重定向,并不会调用error回调。
写法2
使用promise对象的then方法
then()方法与其他两种方法的主要区别是,它会接收到完整的响应对象,而success()和error()则会对响应对象进行析构。个人理解是拆分了
$http({ method: "GET", url: 'data.json' }) .then(successCallback, errorCallback); function successCallback(responseObj){ //相应对象变了,不是data, status, headers, config而是包含他们四个属性的完整对象 $scope.list = responseObj.data } function errorCallback(){ }
写法3 快捷写法
jQuery源码中,$.get(url,data,fn),$.post等是对$ajax的再次封装。ng类似。
$http.get('data.json').success(function(data){ $scope.list = data })
实例:demo
相关文章推荐
- 网络相关
- 一次完整的HTTP事务是怎样一个过程?
- Java中基于HTTP协议网络编程
- 网络 TCP 三次握手四次挥手
- <httpProtocol/>配置http协议头
- 一张图片让你了解足球和网络安全之间的关系!
- TCP(传输控制协议)
- volley网络通信框架研究
- Java实现的网络编程——基础篇
- 第六章TCP和UDP基本原理
- 用spring-session来管理http session
- 内核模块加载
- HTTP头部详解
- UDP协议与TCP/IP协议
- http协议
- linux下基于TCP协议的多线程聊天室的搭建
- 基于设备唯一标识符的CAN网络临时编址方法
- 使用mod_jk整合Apache HTTP Server和Tomcat
- http 请求406
- 网络字节序、主机字节序