jQuery AJAX-funktioner
jQuery har et omfattende bibliotek af funktioner (metoder) til AJAX-udvikling.
jQuery AJAX-eksempel
Klik på knappen nedenfor for at ændre denne tekst via AJAX
Her er et eksempel fra vores AJAX undervisningmen er blevet ændret ved brug af jQuery.
Hvad er AJAX?
AJAX = Asynchronous JavaScript and XML.
AJAX er en teknologi til at skabe hurtige, dynamiske websteder.
AJAX muliggør asynkrone opdateringer af websteder ved at udveksle små mængder data med serveren i baggrunden. Dette betyder, at det er muligt at opdatere en del af en webside uden at genindlæse hele siden.
Du kan finde flere oplysninger på vores AJAX undervisning lær mere om AJAX her.
AJAX og jQuery
jQuery tilbyder en omfattende bibliotek af funktioner (metoder) til AJAX-udvikling.
Gennem jQuery AJAX kan du anmode om TXT, HTML, XML eller JSON fra eksterne servere ved hjælp af HTTP Get og HTTP Post.
og du kan direkte indlæse fjern data i det valgte HTML-element på websiden!
Skriv mindre, gør mere
jQuery's load-funktion er en simpel (men kraftfuld) AJAX-funktion. Dens syntaks er som følger:
$(selector).load(url,data,callback)
Brug selector for at definere de HTML-elementer, der skal ændres, brug url Parameterfor at specificere dataens webadresse.
bruges kun, når du ønsker at sende data til serveren. data bruges kun, når du vil udløse en funktion efter afslutningen af udførelsen. callback Parameter
Lavniveau AJAX
$.ajax(options) er syntaksen for lavniveau AJAX-funktioner.
$.ajax tilbyder flere funktioner end de højere niveauer funktionsgrupper, men er også sværere at bruge.
option Parametrene er sat til name|value par, der definerer URL-data, adgangskode, datatypen, filter, tegnsæt, timeout og fejlfunctioner.
jQuery AJAX-anmodning
| Anmodning | Beskrivelse |
|---|---|
| $(selector).load(url,data,callback) | Indlæs fjern data til det valgte element |
| $.ajax(options) | Indlæs fjern data til XMLHttpRequest-objektet |
| $.get(url,data,callback,type) | Indlæs fjern data ved hjælp af HTTP GET |
| $.post(url,data,callback,type) | Indlæs fjern data ved hjælp af HTTP POST |
| $.getJSON(url,data,callback) | Indlæs fjern JSON-data ved hjælp af HTTP GET |
| $.getScript(url,callback) | Indlæs og udfør fjern JavaScript-fil |
(url) URL (adresse) til de indlæste data
(data) nøgle/værdi-objektet, der sendes til serveren
(callback) funktion, der udføres, når data indlæses
(type) den type data, der returneres (html, xml, json, jasonp, script, text)
(options) alle nøgle/værdi-valgmuligheder for fuldstændig AJAX-anmodning
Reference manual
Hvis du ønsker mere information om jQuery AJAX funktioner, besøg vores jQuery AJAX referencer.
