Methode Javascript Abrufen

| | |

Ein Eckpfeiler beim Erstellen einer Webanwendung ist die Verwendung von HTTP-Anfragen. HTTP-Anfragen ermöglichen das Erfassen von Daten aus einer Benutzereingabe, die dann uber das Back-End an einen Server gesendet wird. Danach wird eine Antwort zuruckgegeben.

Manchmal senden diese Anfragen Daten, die in der Datenbank gespeichert werden, wie bei einer POST-Anfrage. Andere allgemeine Anforderungen erhalten eine Antwort und zeigen sie dem Benutzer an. Dies wird als GET-Anforderung bezeichnet. jQuery hat eine get()-Methode, die das Senden einer Anfrage zu einem optimierten Prozess macht.

Was ist jQuery get()?

jQuery get( ) ist eine Methode, die eine GET-Anforderung an einen URL-Endpunkt sendet und eine Antwort empfängt. Die Antwort sind Daten, die vom Server zuruckgesendet werden. Im Gegensatz zu einer POST-Anfrage empfängt eine GET-Anfrage nur bereits vorhandene Daten vom Server. Es speichert nichts in der Datenbank.

Eine GET-Anfrage ist nutzlich, um eine bestimmte Teilmenge von Daten anzufordern und etwas damit zu tun. Wenn wir beispielsweise eine E-Commerce-App erstellen, senden wir eine GET-Anfrage an einen URL-Endpunkt, um auf Produkte zuzugreifen. Wir können die in einer Antwort erhaltenen Daten verwenden und daraus ein Kartenlayout aller zum Kauf angebotenen Produkte erstellen.

jQuery get() ist verantwortlich fur Senden einer Anfrage an eine URL und Empfangen der Daten als Antwort. Der Entwickler hat jetzt Zugriff auf die Daten des Servers und kann sie dem Benutzer nach Wunsch anzeigen.

Da wir nun wissen, was eine GET-Anfrage ist, lassen Sie uns wissen, was eine GET-Anfrage ist Sehen Sie sich die Syntax der get()-Methode an.

get() jQuery-Syntax

jQuery macht das Senden einer GET-Anfrage einfach. get() erhält die URL-Adresse als String und eine Callback-Funktion zum Empfangen der Daten. Grundsätzlich ist eine Callback-Funktion eine Funktion, die an eine Methode ubergeben wird, um sie zu einem späteren Zeitpunkt auszufuhren.

Eine ausfuhrlichere Erläuterung der Callback-Funktionen finden Sie in dieser Leitfaden.
< /p>

Es gibt einige optionale Argumente, die get() akzeptiert, aber die am häufigsten verwendeten sind die URL und Ruckruffunktion.

Bleiben wir bei unserem E-Commerce-Beispiel und sehen wir uns an, wie eine einfache GET-Anfrage mit get() aussehen wurde:

Wir rufen get() auf und ubergeben ihm die URL als String. Die Anfrage wird an die Produktindexseite gesendet und der Server sendet die Daten zuruck. Die Callback-Funktion akzeptiert einige Argumente, aber Daten und Status reichen fur unsere Zwecke aus.

Daten repräsentieren die von der Anfrage erhaltenen Daten. In unserem Beispiel geben wir einfach aus, was in der Konsole zuruckgegeben wird. jQuery wurde entwickelt, um einige Datentypen zu erkennen, aber höchstwahrscheinlich erhalten wir ein JSON-Objekt.

Weiterer Code wird benötigt, um die gewunschten Informationen aus unserem JSON-Objekt zu extrahieren. Sehen wir uns an, wie wir das erreichen könnten.

Beispiel fur jQuery get()

Fur unser Beispiel verwenden wir eine lustige API. Diese Seite sagt uns, wie viele Astronauten sich gerade im Weltraum befinden! Es gibt uns auch die Namen und Raumschiffe. Beginnen wir mit der √úbergabe der URL an get():

Wenn Wenn wir die Anfrage senden, erhalten wir diese Antwort in unserer Konsole protokolliert:

Aus der URL wissen wir bereits, dass wir vom Server ein JSON-Objekt zuruckgeben. In der Konsole sehen wir die Schlussel fur "Nachricht‚", "Nummer‚" und "Personen.‚" Der Meldungswert Erfolg hilft bei der Fehlerbehandlung.

Der Zahlenschlussel bezieht sich auf die Anzahl der Personen im Weltraum. ‚ÄûMenschen‚" zeigt auf einen Wert, der ein Array von Objekten enth√§lt. Von hier aus konnten wir uber die "Personen‚" Array und zeigen Sie dem Benutzer diese Informationen als Liste an. Das Zuruckholen von Daten auf diese Weise uberl√§sst dem Entwickler die Wahl, wie die vom Server zuruckgegebenen Daten angezeigt werden sollen.

Schlussfolgerung

Wir haben uberpruft, was eine GET-Anfrage ist und wie jQuery sie schnell und unkompliziert macht. Nachdem wir uns mit gängigen Syntaxpraktiken vertraut gemacht hatten, sahen wir get() in Aktion. Es ist wichtig zu beachten, dass die Daten iteriert und aus dem Hauptteil der Callback-Funktion gerendert werden können.

Von hier aus a fun project könnte darin bestehen, einfache APIs nachzuschlagen und kleine Projekte zu erstellen, um das Senden von GET-Anfragen und das Anzeigen dieser Daten zu uben. Das Empfangen und Rendern der Daten auf angenehme Weise ist der Anfang, um ein kompetenter Entwickler zu werden.

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method