Dieses Mal zeige ich Ihnen, wie Sie den $http-Dienst in Angular verwenden. Was sind die Vorsichtsmaßnahmen, wenn Sie den $http-Dienst in Angular verwenden? Werfen wir einen Blick darauf.
$http-Dienst
$http(requestConfig) ist nur ein gekapseltes XMLHttpRequest-Objekt.
requestConfig ist ein Objekt, das zum Senden von Anforderungsparametern verwendet wird.
Gibt ein Promise-Objekt zurück
$http({ method: 'GET', url: '/someUrl' }).then(function successCallback(response) { // 请求成功执行代码 }, function errorCallback(response) { // 请求失败执行代码 });
Wenn Promise zurückgegeben wird, kann es in einer Kette aufgerufen werden. Sie können die Methode then auch zum Verarbeiten von Rückrufen verwenden.
Wenn der Statuscode der Antwort zwischen 200 und 299 liegt, gilt die Antwort als erfolgreich und der Erfolgsrückruf wird aufgerufen, andernfalls wird der Fehlerrückruf
aufgerufen .
Rufen Sie die Methoden then(), success() und error() für das HttpPromise-Objekt auf. Der Hauptunterschied zwischen der then()-Methode und den beiden anderen Methoden besteht darin, dass sie das vollständige Antwortobjekt empfängt, während success() und error() das Antwortobjekt zerstören.
$http.get $http.get $http.head $http.post $http.put $http.delete $http.jsonp $http.patch
Daten (
Zeichenfolge oder Objekt) Diese Daten stellen den konvertierten Antworttext dar (sofern eine Konvertierung definiert ist).
Status (numerischer Typ)
Der
HTTP-Statuscode der Antwort. Header (Funktion)
Diese Funktion ist die Getter-Funktion für Header-Informationen, die einen Parameter akzeptieren kann, um den Wert des entsprechenden Namens abzurufen. Verwenden Sie beispielsweise den folgenden Code, um den Wert der X-Auth-ID zu erhalten:
method: 'GET',url: '/api/users.json'}).then (resp) {// 读取X-Auth-ID resp.headers('X-Auth-ID'); });
statusText (string)
Diese Zeichenfolge ist der HTTP-Statustext der Antwort.
$http-Anfragen zwischenspeichern
$http-Anfrage übergeben.
.success(function(data) {}) .error(function(data) {});
Da in diesem Beispiel das Caching aktiviert ist, verwendet AngularJS standardmäßig $cacheFactory. Dieser Dienst wird
automatisch von AngularJS erstellt, wenn er gestartet wird.
Wenn Sie beispielsweise den LRU-Cache (Least Recenlty Used, am wenigsten kürzlich verwendet) verwenden möchten, können Sie das
Cache-Instanzobjekt wie folgt übergeben:
var lru = $cacheFactory('lru',{capacity: 20 }); // $http请求 $http.get('/api/users.json', { cache: lru }) .success(function(data){}) .error(function(data){});
angular.module('myApp', []) .config(function($httpProvider, $cacheFactory) { $httpProvider.defaults.cache = $cacheFactory('lru', { capacity: 20 }); });
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.
Empfohlene Lektüre:
Das obige ist der detaillierte Inhalt vonSo verwenden Sie den $http-Dienst in Angular. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!