Funzioni jQuery AJAX
jQuery possiede una ricca libreria di funzioni (metodi) per lo sviluppo AJAX.
Esempio jQuery AJAX
Clicca sul pulsante sottostante per modificare questo testo tramite AJAX
Esempio sopra tratto dal nostro Tutorial AJAXMa è stato modificato utilizzando jQuery.
Cos'è AJAX?
AJAX = Asynchronous JavaScript and XML.
AJAX è una tecnologia per creare pagine web dinamiche e rapide.
AJAX consente di aggiornare la pagina web in modo asincrono, scambiando solo una piccola quantità di dati con il server dietro le quinte. Questo significa che è possibile aggiornare una parte della pagina web senza ricaricare l'intera pagina.
Puoi trovare ulteriori informazioni sui nostri Tutorial AJAX Impari di più su AJAX in questo capitolo.
AJAX e jQuery
jQuery offre una ricca libreria di funzioni (metodi) per lo sviluppo AJAX.
Tramite jQuery AJAX, è possibile richiedere TXT, HTML, XML o JSON da un server remoto utilizzando HTTP Get e HTTP Post.
E puoi caricare direttamente i dati remoti negli elementi HTML selezionati del sito web!
Scrivi meno, fai di più
La funzione load di jQuery è una funzione AJAX semplice (ma potente). La sua sintassi è la seguente:
$(selector).load(url,data,callback)
Utilizza selector per definire l'elemento HTML da modificare, utilizza url Parametriper specificare l'indirizzo web dei dati.
Parametri. Devi utilizzare il data Parametri. Devi utilizzare il callback Parametri.
Livello basso AJAX
$.ajax(options) È la sintassi del funzione AJAX a livello basso.
$.ajax offre più funzionalità rispetto ai livelli superiori delle funzioni, ma è anche più difficile da usare.
opzione Le impostazioni dei parametri sono in coppia name|value, che definiscono i dati URL, password, tipo di dati, filtri, set di caratteri, timeout e funzione di errore.
Richiesta jQuery AJAX
| Richiesta | Descrizione |
|---|---|
| $(selector).load(url,data,callback) | Carica dati remoti nel elemento selezionato |
| $.ajax(options) | Carica dati remoti nel XMLHttpRequest oggetto |
| $.get(url,data,callback,type) | Carica dati remoti utilizzando HTTP GET |
| $.post(url,data,callback,type) | Carica dati remoti utilizzando HTTP POST |
| $.getJSON(url,data,callback) | Carica dati JSON remoti utilizzando HTTP GET |
| $.getScript(url,callback) | Carica ed esegui un file JavaScript remoto |
(url) L'URL (indirizzo) dei dati caricati
(data) L'oggetto chiave/valore dei dati inviati al server
(callback) La funzione eseguita quando i dati vengono caricati
(type) Il tipo di dati restituiti (html, xml, json, jasonp, script, text)
(options) Tutte le opzioni di chiave/valore per la richiesta AJAX completa
Manuale di riferimento
Per ulteriori informazioni sulle funzioni di jQuery AJAX, visitare il nostro Manuale di riferimento jQuery AJAX.
