jQuery AJAX functies
jQuery beschikt over een rijke bibliotheek van functies (methoden) voor AJAX-ontwikkeling.
jQuery AJAX voorbeeld
Klik op de onderstaande knop om dit tekstfragment via AJAX te wijzigen
Het voorbeeld hierboven is afkomstig van onze AJAX Tutorialmaar is aangepast met jQuery.
Wat is AJAX?
AJAX = Asynchronous JavaScript and XML.
AJAX is een technologie voor het maken van snelle dynamische webpagina's.
AJAX maakt het mogelijk om网页 te updaten asynchrone wijze door in de achtergrond gegevens uit te wisselen met de server. Dit betekent dat het mogelijk is om een deel van de pagina te updaten zonder de hele pagina opnieuw te laden.
U kunt meer vinden in onze AJAX Tutorial leer meer over AJAX.
AJAX en jQuery
jQuery biedt een rijke bibliotheek van functies (methoden) voor AJAX-ontwikkeling.
Met jQuery AJAX kunt u TXT, HTML, XML of JSON van een externe server ophalen met HTTP Get en HTTP Post.
En u kunt de remote gegevens direct laden in het geselecteerde HTML-element van de webpagina!
Minder schrijven, meer doen
De jQuery load-functie is een eenvoudige (maar krachtige) AJAX-functie. Zijn syntaxis is als volgt:
$(selector).load(url,data,callback)
Gebruik selector om de te wijzigen HTML-elementen te definiëren, gebruik url Parametersom de web-adres van de gegevens te specificeren.
U moet alleen gebruiken om gegevens naar de server te sturen data Parameters. U moet alleen een functie triggeren na het uitvoeren, als u dat nodig heeft callback Parameters.
Laag Niveau AJAX
$.ajax(options) is de syntaxis van de lage laag AJAX-functies.
$.ajax biedt meer functionaliteit dan de hogere laagfuncties, maar is ook moeilijker te gebruiken.
optie De parameterinstelling is een name|value-paar, dat de url-gegevens, wachtwoord, gegevenstype, filter, tekenset, timeout en foutfunctie definieert.
jQuery AJAX-aanvragen
| Aanvraag | Beschrijving |
|---|---|
| $(selector).load(url,data,callback) | Laad remote gegevens in het geselecteerde element |
| $.ajax(options) | Laad remote gegevens in het XMLHttpRequest-object |
| $.get(url,data,callback,type) | Laad remote gegevens met HTTP GET |
| $.post(url,data,callback,type) | Laad remote gegevens met HTTP POST |
| $.getJSON(url,data,callback) | Laad remote JSON-gegevens met HTTP GET |
| $.getScript(url,callback) | Laad en voer een remote JavaScript-bestand uit |
(url) De URL (adres) van de gegevens die worden geladen
(data) Het sleutel/waardeobject van de gegevens die naar de server worden verzonden
(callback) De functie die wordt uitgevoerd wanneer de gegevens worden geladen
(type) Het type van de teruggegeven gegevens (html, xml, json, jasonp, script, text)
(opties) Alle opties voor de volledige AJAX-verzoekssleutel/waardeparen
Reference Manual
Voor meer informatie over de jQuery AJAX-functies, bezoek onze jQuery AJAX Referentiehandleiding.
