AngularJS内置服务$http怎么使用？angularjs$http的使用实例
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了AngularJS内置服务$http怎么使用？angularjs$http的使用实例，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2643字，纯文字阅读大概需要4分钟。
内容图文
本篇文章详细的介绍了关于angularjs的内置服务$http的介绍。angularjs中的$http有哪些语法，怎么使用都在里面，还有完整的代码都在文章里。现在就让我们一起来看看这篇文章吧
AngularJS 内置服务 $http
AngularJS为我们提供了大量的内置服务，通过这些内置服务就可以快捷的进行一些业务功能流程的自动处理了，如：
$window：用于注入原生JS中的window对象
$document：用于注入原生JS中的document文档对象
$timeout：用于注入封装的原生JS中的setTimeout()函数处理过程
$interval：用于注入封装的原生JS中的setInterval()函数处理过程
$location：用于注入原生JS中的location对象方便对于URL地址等操作
$http：用于注入封装的Ajax操作进行异步数据请求等等
今天我们主要来讲解一下AngularJS内置服务中的 $http。
$http:
$http服务是AngularJS的核心服务之一，这个服务主要封装了XMLHttpRequest对象和JSONP数据访问模式来完成远程服务的数据请求！
常规的语法结构：
$http({
method:”GET”,/* 请求发送方式 */
url:”http://......../com” /* 请求地址*/
}).then( /* then()函数表示请求完成之后的操作 */
function(response) {
/* 请求成功之后的操作函数 */
},
function(response) {
/* 请求失败时候的操作函数 */
}
);AngularJS为了方便开发人员进行快捷的异步数据请求的处理，提供了一系列的快捷函数方便开发，主要由如下的函数：
l $http.get()
l $http.post()
l $http.jsonp()
l $http.header()
l $http.patch()
l $http.put()
l $http.delete()
$http.get(“url”).then(fn1, fn2);
其实快捷方式，就是简单的封装了$http服务，常规项目开发时，使用较多的是原始的内置服务$http的$http({}).then(fn1, fn2)函数进行异步数据处理。（想看更多就到PHP中文网AngularJS开发手册中学习）
我们来举个简单的小案例来演示一下：
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/lib/AngularJS/angular.min.js"></script>
</head>
<body>
<p class="form" ng-controller="login">
账号：<input type="text" ng-model="username"><br />
密码：<input type="text" ng-model="password"><br />
<button ng-click="loginFn()">登录</button>
</p>
<script>
var app = angular.module("myApp", []);
app.controller("login", ["$scope", "$http",
function($scope, $http) {
$scope.loginFn = function() {
// 实现登录
$http({
method:"GET",
url:"服务器地址",
params:{status:"login",userID:$scope.username, password:$scope.password}
/*
如果是get请求，请使用params来传递参数
如果是Post请求，请使用data来尝试传递参数
*/
}).then(
function success(resp) {
console.log("请求成功", resp);
if(resp.data) {
console.log("登录成功，跳转到首页");
} else {
console.log("登录失败");
}
},
function error(resp){
console.log("请求失败");
}
);
}
}]);
</script>
</body>
</html>
一个简单的登录功能页面。希望可以帮助到大家~
本篇文章到这就结束了（想看更多就到PHP中文网AngularJS使用手册中学习），有问题的可以在下方留言提问。
以上就是AngularJS内置服务$http怎么使用？angularjs$http的使用实例的详细内容，更多请关注Gxl网其它相关文章！
内容总结
以上是互联网集市为您收集整理的AngularJS内置服务$http怎么使用？angularjs$http的使用实例全部内容，希望文章能够帮你解决AngularJS内置服务$http怎么使用？angularjs$http的使用实例所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。