jQuery AJAX-funktioner
jQuery har ett omfattande bibliotek av funktioner (metoder) för AJAX-utveckling.
jQuery AJAX-exempel
Klicka på knappen nedan för att ändra detta textavsnitt via AJAX
Ovanstående exempel är taget från vår AJAX Tutorialmen har modifierats med jQuery.
Vad är AJAX?
AJAX = Asynchronous JavaScript and XML.
AJAX är ett teknologi för att skapa snabba dynamiska webbsidor.
AJAX tillåter webbsidor att uppdateras asynkront genom att utbyta ett litet antal data i bakgrunden. Detta innebär att det är möjligt att uppdatera en del av webbsidan utan att ladda om hela sidan.
Du kan läsa mer på vår AJAX Tutorial lär dig mer om AJAX.
AJAX och jQuery
jQuery erbjuder en omfattande bibliotek av funktioner (metoder) för AJAX-utveckling.
Genom jQuery AJAX, kan du använda HTTP Get och HTTP Post för att begära TXT, HTML, XML eller JSON från en fjärrserver.
Och du kan enkelt ladda fjärrdata in i valda HTML-element på webbsidan!
Skriv mindre, gör mer
jQuery:s load-funktion är en enkel (men mycket kraftfull) AJAX-funktion. dess syntax är som följer:
$(selector).load(url,data,callback)
Använd selector för att definiera den HTML-element som ska ändras, använd url Parametrarför att specificera data-webbadressen.
Endast när du vill skicka data till servern behöver du använda data Endast när du behöver utlösa en funktion efter att operationen är klar, behöver du använda callback Parametrar
Low Level AJAX
$.ajax(options) är syntaxen för lågnivå AJAX-funktioner.
$.ajax erbjuder fler funktioner än högnivåfunktioner, men är också svårare att använda.
option Parametrarna är par av name|value, som definierar URL-data, lösenord, datatyp, filter, teckenuppsättning, timeout och felfunktion.
jQuery AJAX-förfrågan
| Förfrågan | Beskrivning |
|---|---|
| $(selector).load(url,data,callback) | Ladda fjärr data till det valda elementet |
| $.ajax(options) | Ladda fjärr data till XMLHttpRequest-objektet |
| $.get(url,data,callback,type) | Ladda fjärr data med HTTP GET |
| $.post(url,data,callback,type) | Ladda fjärr data med HTTP POST |
| $.getJSON(url,data,callback) | Ladda fjärr JSON-data med HTTP GET |
| $.getScript(url,callback) | Ladda och köra fjärr JavaScript-fil |
(url) URL (adress) för de laddade data
(data) Nyckel/värdeobjektet för data som skickas till servern
(callback) Funktionen som körs när data laddas
(type) Typen av data som returneras (html, xml, json, jasonp, script, text)
(options) Alla nyckel/värdealternativ för en fullständig AJAX-forespåran
Referenshandbok
För mer information om jQuery AJAX-funktioner, besök vår jQuery AJAX referenshandbok.
