AngularJS 내장 서비스 $http를 사용하는 방법은 무엇입니까? Anglejs$http의 사용 예
- 寻∝梦원래의
- 2018-09-08 14:54:361518검색
이번 글에서는 angularjs에 내장된 $http 서비스를 자세히 소개합니다. Anglejs의 $http 구문은 무엇이며, 어떻게 사용하는지, 전체 코드는 기사에 나와 있습니다. 이제 이 글을 살펴보겠습니다
AngularJS 내장 서비스 $http
AngularJS는 수많은 내장 서비스를 제공합니다. 이러한 내장 서비스를 통해 우리는 빠르게 작업을 수행할 수 있습니다. 일부 비즈니스 기능 프로세스는 자동으로 처리됩니다.
$document： documentdocument 개체$timeout을 주입하는 데 사용됩니다. 캡슐화된 네이티브 JS에
을 주입하는 데 사용됩니다.setTimeout() 함수 처리 $interval: 캡슐화된 네이티브 JS
에 setInterval()setInterval()을 주입하는 데 사용됨 $location: 는 네이티브 JS에 location 개체를 삽입하는 데 사용되며, 이는 URL주소 및 기타 작업 $ http：비동기 데이터 요청 등을 수행하기 위해 캡슐화된 Ajax 작업을 주입하는 데 사용됩니다. 오늘은 AngularJS 내장 서비스의 $http를 주로 설명하겠습니다. $http: $http 서비스는 AngularJS의 핵심 서비스 중 하나입니다. 이 서비스는 주로 XMLHttpRequest 개체를 캡슐화합니다. 그리고 JSONP 원격 서비스에 대한 데이터 요청을 완료하기 위한 데이터 액세스 모드! 기존 구문 구조: 개발자가 비동기 데이터 요청을 신속하게 처리할 수 있도록 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 개발 매뉴얼을 방문하세요.) 간단한 작은 사례를 통해 시연해 보겠습니다. 이 기사는 여기서 끝납니다. (자세한 내용을 보려면 PHP 중국어 웹사이트 AngularJS 사용자 매뉴얼을 방문하세요.) 궁금한 점이 있으면 아래에 메시지를 남겨주세요. $http({
method:”GET”,/* 请求发送方式 */
url:”http://......../com” /* 请求地址*/
}).then( /* then()函数表示请求完成之后的操作 */
function(response) {
/* 请求成功之后的操作函数 */
},
function(response) {
/* 请求失败时候的操作函数 */
}
);
<!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>
간단한 로그인 기능 페이지. 모두에게 도움이 되기를 바랍니다~
위 내용은 AngularJS 내장 서비스 $http를 사용하는 방법은 무엇입니까? Anglejs$http의 사용 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!