In diesem Artikel wird der integrierte Dienst $http von angularjs ausführlich vorgestellt. Wie lautet die Syntax von $http in AngularJS, wie wird sie verwendet und den vollständigen Code finden Sie im Artikel? Werfen wir jetzt einen Blick auf diesen Artikel
AngularJS integrierter Dienst $http
AngularJS bietet uns viel Durch diese integrierten Dienste können Sie einige Geschäftsfunktionsprozesse schnell und automatisch verarbeiten, wie zum Beispiel:
$window : wird verwendet, um das Fenster-Objekt JS 🎜> einzufügen
$document: wird verwendet, um in nativem JS > zu injizieren DokumentDokumentobjekt
$timeout: wird zum Einspritzen der Kapselung verwendet Der setTimeout() Funktionsverarbeitungsprozess im nativen JS
$interval: wird verwendet, um gekapselte native setInterval() >Funktionsverarbeitung
$location: wird verwendet, um location in natives JS einzufügen Das Objekt eignet sich für Vorgänge wie URLAdresse usw.
$http:Zum Einfügen gekapselter Ajax-Operationen für asynchrone Datenanfragen usw.
Heute werden wir hauptsächlich $http im integrierten Dienst von AngularJS erklären.
$http:
$http Der -Dienst ist einer der Kerndienste von AngularJS. Dieser Dienst kapselt hauptsächlich das XMLHttpRequest-Objekt und das JSONPDatenzugriffsmodus zum Abschließen von Datenanfragen für Remote-Dienste!
Konventionelle Syntaxstruktur:
$http({
method:”GET”,/* 请求发送方式 */
url:”http://......../com” /* 请求地址*/
}).then( /* then()函数表示请求完成之后的操作 */
function(response) {
/* 请求成功之后的操作函数 */
},
function(response) {
/* 请求失败时候的操作函数 */
}
);Um Entwicklern die schnelle Verarbeitung asynchroner Datenanforderungen zu erleichtern, bietet AngularJS eine Reihe von Verknüpfungsfunktionen zur Erleichterung der Entwicklung, die sich hauptsächlich aus den folgenden zusammensetzen Funktionen:
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);
Tatsächlich kapselt die Verknüpfung einfach den $http-Dienst. Bei der Entwicklung regulärer Projekte wird der ursprüngliche verwendet Die Funktion $http({}).then(fn1, fn2) des integrierten Dienstes $http führt eine asynchrone Datenverarbeitung durch. (Wenn Sie mehr erfahren möchten, besuchen Sie die chinesische PHP-Website AngularJS Development Manual , um mehr zu erfahren)
Nehmen wir zur Demonstration einen einfachen kleinen Fall:
<!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>
Eine einfache Anmeldefunktionsseite. Ich hoffe, es hilft allen~
Dieser Artikel endet hier (wenn Sie mehr sehen möchten, besuchen Sie die chinesische PHP-Website AngularJS-Benutzerhandbuch , um mehr zu erfahren. Wenn Sie Fragen haben, können Sie unten eine Nachricht hinterlassen).
Das obige ist der detaillierte Inhalt vonWie verwende ich den in AngularJS integrierten Dienst $http? Anwendungsbeispiele für anglejs$http. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
