AngularJS内置服务器--$http服务的简单用法
2017-05-02 22:54
579 查看
AngularJS提供了大量的内置服务,通过这些内置服务就可以快捷的进行一些业务功能流程的自动处理了,如:
什么是
内置服务:$http使用格式:
GET()和POST()方式的不同点:
get()方式用params传递参数
post()方式用data传递参数
简写方式:
此外还有以下简写方法:
更详细内容可参见:https://code.angularjs.org/api/ng/service/$http
$window用于注入原生JS中的window对象
$document用于注入原生JS中的document文档对象
$timeout用于注入封装的原生JS中的setTimeout()函数处理过程
$interval用于注入封装的原生JS中的setInterval()函数处理过程
$location用于注入原生JS中的location对象方便对于URL地址等操作
$http用于注入封装的Ajax操作进行异步数据请求等等
什么是
$http?
$http:AngularJS的核心服务之一,主要封装了XMLHttpRequest对象和JSONP数据访问模式来完成远程服务的数据请求。
内置服务:$http使用格式:
//简单get请求方式,可以该为POST var app=angular.module("myApp",[]); app.controller("myCtrl",["$scope","$http", function($scope,$http){ $http({ method:"GET", //请求发送的方式 url:"请求地址", params:{},//传递参数 }).then( function success(res){ //请求成功时执行的代码 },function error(res){ //请求失败时执行的代码 } ) }])
GET()和POST()方式的不同点:
get()方式用params传递参数
post()方式用data传递参数
简写方式:
$http.get('url',params, config).then(fn1, fn2); $http.post('url', data, config).then(fn1, fn2); fn1:请求成功时执行的函数 fn2:请求失败时执行的函数
此外还有以下简写方法:
$http.get
$http.post
$http.jsonp
$http.head
$http.put
$http.delete
$http.patch
更详细内容可参见:https://code.angularjs.org/api/ng/service/$http
相关文章推荐
- 浅谈AngularJS中$http服务的简单用法
- AngularJS中$http服务的简单用法
- AngularJS中$http服务的简单用法
- AngularJS中$http服务的简单用法
- AngularJS中$http服务的简单用法
- AngularJS中$http服务的简单用法
- AngularJS的$http服务基础用法
- AngularJS内置服务$http的使用——用户权限管理实例
- AngularJS内置的一些服务之$http
- AngularJs内置服务$http
- AngularJS 内置服务 ~ $http().then()
- AngularJS内置服务$http的使用(对数据库的增删改)
- 简介AngularJS中$http服务的用法
- 通过HttpListener实现简单的Http服务
- 使用NGiNX_HTTP_Push_Module实现简单的服务器推送
- HTTPSQS(HTTP Simple Queue Service)是一款基于 HTTP GET/POST 协议的轻量级开源简单消息队列服务
- 使用NGiNX_HTTP_Push_Module实现简单的服务器推送
- 使用NGiNX_HTTP_Push_Module实现简单的服务器推送
- 基于Java实现简单Http服务器之一
- 简单HTTP服务