Javascript-methode verkrijgen

| | |

Het gebruik van HTTP-verzoeken is een van de hoekstenen van het bouwen van een webtoepassing. Met HTTP-verzoeken kunt u gegevens vastleggen van gebruikersinvoer en deze via de backend naar een server verzenden. Er wordt dan een reactie geretourneerd.

Soms verzenden deze verzoeken gegevens die in de database worden opgeslagen, zoals in een POST-verzoek. Andere veelvoorkomende verzoeken krijgen een reactie en tonen deze aan de gebruiker. Dit wordt een GET-verzoek genoemd. jQuery heeft een get ()-methode die het verzenden van een verzoek vereenvoudigt.

Wat is jQuery get () ?

jQuery get () is een methode die een GET-verzoek naar een URL-eindpunt verzendt en een antwoord ontvangt. Het antwoord zijn de gegevens die door de server worden geretourneerd. In tegenstelling tot een POST-verzoek ontvangt een GET-verzoek alleen reeds bestaande gegevens van de server. Het slaat niets op in de database.

Een GET-verzoek is handig om een specifieke subset van gegevens op te vragen en er iets mee te doen. Als we bijvoorbeeld een eCommerce-app maken, sturen we een GET-verzoek naar een URL-eindpunt om toegang te krijgen tot de producten. We kunnen de ontvangen gegevens in een reactie verwerken en deze opmaken om een presentatie met tabbladen te maken van alle producten die beschikbaar zijn voor aankoop.

jQuery get () is verantwoordelijk voor het verzenden een verzoek naar een URL en het ontvangen van de gegevens als reactie. De ontwikkelaar heeft nu toegang tot de gegevens op de server en kan ervoor kiezen deze naar wens aan de gebruiker te tonen.

Nu we weten wat een GET-verzoek is, kunnen we de syntaxis bekijken van de get ()-methode.

get () jQuery-syntaxis

jQuery maakt het gemakkelijk om een GET-verzoek te verzenden. get () ontvangt de URL als een string en een callback-functie om de gegevens te ontvangen. In principe is een callback-functie een functie die wordt doorgegeven aan een methode om later uit te voeren.

Voor een meer gedetailleerde uitleg van callbacks, zie deze help .

Er zijn een paar optionele argumenten die get () accepteert, maar de meest gebruikte zijn de URL en de callback-functie.

Laten we ons voorbeeld van e-commerce volgen, laten we eens kijken hoe een eenvoudig GET-verzoek eruit zou zien met get ():

We noemen get () en we geven het de URL door als een string. Het verzoek wordt naar de productindexpagina gestuurd en de server retourneert de gegevens. De callback-functie accepteert enkele argumenten, maar de gegevens en status zijn voldoende voor onze doeleinden.

De gegevens vertegenwoordigen de gegevens die door het verzoek zijn ontvangen. In ons voorbeeld laten we alleen zien wat er naar de console wordt teruggestuurd. jQuery is gemaakt om bepaalde soorten gegevens te herkennen, maar hoogstwaarschijnlijk krijgen we een JSON-object.

Er is extra code nodig om de gewenste informatie uit ons JSON-object te halen. Laten we eens kijken hoe we het moeten doen.

jQuery get () voorbeeld

Laten we voor ons voorbeeld een leuke API gebruiken. Deze site vertelt ons hoeveel astronauten er op dit moment in de ruimte zijn! Het geeft ons ook namen en ruimteschepen. Laten we beginnen met het doorgeven van de URL aan get ():

Wanneer we het verzoek verzenden , krijgen we dit antwoord vastgelegd in onze console:

Van de URL weten we al dat we een JSON-object zullen terugkrijgen door de server. In de console zien we de toetsen "message", "number" en "people". De waarde van het succesbericht helpt bij het afhandelen van fouten.

De numerieke sleutel verwijst naar het aantal mensen in de ruimte. " People " verwijst naar een waarde die een array van objecten bevat. Van daaruit konden we de tabellen " personen ‚" doorlopen en die informatie als een lijst aan de gebruiker weergeven. Door op deze manier gegevens op te halen, heeft de ontwikkelaar de vrijheid om te kiezen hoe de door de server geretourneerde gegevens worden weergegeven.

Conclusie

We hebben gekeken naar wat een GET-verzoek is en hoe jQuery het snel en gemakkelijk maakt. Nadat we ons vertrouwd hadden gemaakt met algemene syntaxispraktijken, zagen we get () in actie. Het is belangrijk op te merken dat de gegevens kunnen worden herhaald en weergegeven vanuit de hoofdtekst van de callback-functie.

Van daaruit kan het een leuk project zijn om enkele eenvoudige API`s te onderzoeken en kleine projecten te maken om te oefenen het maken van GET-verzoeken en het visualiseren van die gegevens. Het op een prettige manier ontvangen en bekijken van data is het begin om een expert developer te worden.

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