HTTP-Kommunikation mit AngularJS

Wenn wir mit arbeiten Javascript Normalerweise müssen wir, wenn wir Daten von einem Server erhalten möchten, Anfragen stellen über Ajax das lässt uns die verschiedenen Methoden manipulieren HTTP um die richtigen Antworten vom Server zu erhalten.
AngularJS ist bei diesem Ansatz nicht anders und daher müssen Sie Anfragen an Server stellen über HTTP Um die Informationen zu erhalten, mit denen die Datenmodelle gefüllt werden können, ist dies die Grundlage jeder Anwendung.
In der Antike mussten wir das Objekt direkt manipulieren XMLHttpRequest in unseren Dokumenten mit Javascript Damit wir die Daten abrufen und die verschiedenen Anfragen versenden konnten, entstand daraus extrem langer, sich wiederholender und nicht sehr lesbarer Code, als Beispiel sehen wir uns ein Standard-Anfrageschema aus vergangenen Epochen an:

Wie wir sehen, mussten wir zunächst definieren, wie mit der Antwort auf die Anfrage umgegangen werden soll, die Standardmethoden festgelegt und auch Fehler manuell behandelt werden, schließlich haben wir die Verbindung zum Server hergestellt und die Daten gesendet. Das war damals etwas Revolutionäres, aber die Schwerfälligkeit der Anwendung führte zu einer Modernisierung des Ganzen.
Jetzt bewegen wir uns ungefähr 10 Jahre vorwärts und wir haben AngularJS wer vereinfacht die Art und Weise, wie wir mit Servern kommunizieren über HTTP, dafür haben wir die XHR-Schnittstelle das ermöglicht uns asynchrone Aufrufe an die verschiedenen Server und mit den verschiedenen Methoden HTTP, dadurch sieht die bisherige Implementierung vereinfacht aus und erleichtert die Entwicklung, wie wir im folgenden Beispiel sehen können:

Hier sehen wir, wie mit der Methode bekommen () mit der Variablen $ http aufgerufen, können wir auf einfache Weise einen Serverpfad aufrufen und auch Parameter übergeben. Wenn wir eine erfolgreiche Antwort haben, können wir eine Aktion ausführen und im Falle einer Fehlerantwort eine andere ausführen.
VergleichVergleichen wir die Wege zwischen dem Alten und dem Erreichten mit AngularJSWir sehen, dass es außer der Funktionalität kaum Gemeinsamkeiten gibt, natürlich ist die alte Form allem gewichen, was wir heute haben können, um die Entwicklung schneller und unübersichtlicher zu gestalten.
Im vorherigen Beispiel haben wir gerade gesehen, wie man eine Anfrage über . stellt BEKOMMEN, jedoch können wir alle verfügbaren Methoden verwenden HTTP, mal sehen, was wir zur Verfügung haben:

• BEKOMMEN
• KOPF
• POST
• LÖSCHEN
• STELLEN
• JSONP

Wie wir sehen können, haben wir mehrere zur Auswahl, die Verwendung des einen oder anderen ergibt sich aus unserer Anforderung. Wenn wir also etwas konsultieren möchten, werden wir es verwenden BEKOMMEN, wenn wir Daten senden möchten, verwenden wir POST, sehen wir uns im folgenden Beispiel an, wie man eine Anfrage stellt POST:

Wir sehen, wie wir Variablen mit unterschiedlichen Daten innerhalb der Anfrage übergeben können und verwenden in diesem Fall die Methode post(), um auf die gewünschte HTTP-Methode zu verweisen.
Damit beenden wir dieses Tutorial, wir haben gesehen, wie wir mit den verschiedenen Methoden in AngularJS und die Verbesserung, die im Laufe der Jahre in Bezug auf die bisherigen Kommunikationswege über HTTP mit den Servern.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben