Vorwort
$ http Service: Er verkaps einfach das native XMLHttpRequest -Objekt des Browsers und empfängt einen Parameter. Dieser Parameter ist ein Objekt, das den Konfigurationsinhalt enthält, der zum Generieren von HTTP -Anforderungen verwendet wird. Diese Funktion gibt ein promise Objekt mit success und error zurück.
Verwenden Sie Szenarien des $ HTTP -Dienstes:
var varly = $ http ({methode: "post", // kann erhalten, post, putten, löschen, Kopf, JsonP; häufig verwendet ist, posturl: "./ data.json", // Anforderungspfadparameter: {'Name': 'Lisa'}, // Passparameter, Sting -Map- und CONVERT -Objekt. Binärdaten anfordern, senden und BLOB -Objekt verwenden.}). Erfolg (Funktion (Daten) {// Antwort erfolgreich betrieben}). Fehler (Funktion (Daten) {// Antwort fehlgeschlagen (Antwort in einem Fehlerstatus zurückgegeben) Operation}) then() Funktion: Sie können die Funktion then() verwenden, um den Rückruf des $ HTTP -Dienstes zu verarbeiten. then() akzeptiert die Funktion zwei optionale Funktionen als Parameter, um die Verarbeitung darzustellen, wenn success oder error . Sie können stattdessen auch success und error -Rückrufe verwenden:
then(successFn, errFn, notifyFn) , ob promise erfolgreich ist oder fehlschlägt, wenn das Ergebnis verfügbar ist, ruft then successFn oder errFn asynchron sofort auf. Diese Methode ruft die Rückruffunktion immer mit einem Parameter auf: das Ergebnis oder den Grund für die Ablehnung.
Bevor promise ausgeführt oder abgelehnt wird, kann notifyFn -Rückruf mehrmals aufgerufen werden, um eine Aufforderung für den Prozessstatus bereitzustellen.
Promise.then (Funktion (resp) {// aufgerufen, wenn die Antwort erfolgreich ist, resp ist ein Antwortobjekt}, Funktion (resp) {// aufgerufen, wenn die Antwort fehlschlägt, resp hat eine Fehlermeldung}); Das von der then() -Funktion empfangene Resp (Antwortobjekt) enthält 5 Eigenschaften:
1. Daten (Zeichenfolge oder Objekt): Antwortkörper
2. Status: Der entsprechende HTTP -Statuscode wie 200
3.. Header (Funktion): Eine Getter -Funktion mit Header -Informationen, die einen Parameter akzeptieren kann, um den Wert des entsprechenden Namens zu erhalten.
4. Konfiguration (Objekt): Generiert das vollständige Einstellungsobjekt der ursprünglichen Anforderung
5. StatuStext: Der entsprechende HTTP -Statustext wie "OK"
Oder verwenden Sie die success/error , verwenden Sie
// erfolgreich umgefühls.
Beispiele für die Nutzung:
index.html
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>$http request test </title> <script src="../js/angular.js"></script> <script src="app.js"></script></head><body><div data-ng-app="myApp" data-ng-controller="myAppController" data-ng-init="loadData()"> <table> <thead> <tr> <th>Name</th> <th>Properties</th> </tr> </tbody> <tbody> <tr data-ng-repeat="data in myData"> <td>{{data.name}}</td> <td> {{data.attr}} </td> </tr> </tbody> </table> </div> </body> </html>app.js
var myhttpapp = angular.module ("myapp", []); $ http ({Methode: "post", url: "./ data.json", cache: true}). Erfolg (Funktion (Daten) {Deffer.Resolve (data);}). Fehler (Funktion (Daten) {Deffer.Reject (Data);}) dathen (Funktion (data) {$ scope. /* promise.success (Funktion (Daten) {$ scope.mydata = data;})* /}})Data.json
[{"Name": "Zhangsan", "Attr": "China"}, {"Name": "Lisa", "Attr": "USA"}, {"Name": "Bob", "Attr": "UK"}, {"Name": "Jecy", "Attr": "Jepan"}}]Ergebnis:
Das resp -Objekt wurde zurückgegeben, wenn Sie die Funktion dann aufrufen then() :
Zusammenfassen
Die häufig verwendeten Anwendungen und Parameter des $ HTTP -Dienstes in AngularJs sind im Grunde genommen vorbei. Ich hoffe, dass der Inhalt dieses Artikels für alle hilfreich sein wird, um AngularJs zu verwenden. Wenn Sie Fragen haben, überlassen Sie bitte eine Nachricht, um zu kommunizieren.