English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
AJAX permette di aggiornare la pagina web 'asincronamente' scambiando dati con il server web dietro le scene.
Questo significa che è possibile aggiornare alcune parti della pagina web senza ricaricare l'intera pagina, migliorando così l'esperienza dell'utente e aumentando la velocità di trasmissione dei dati.
La libreria jQuery ha una serie completa di funzionalità AJAX.
Le funzioni e i metodi disponibili ci permettono di caricare dati dal server senza ricaricare la pagina del browser.
Quando qualsiasi richiesta AJAX sulla pagina genera alcuni eventi AJAX (ad esempio inizializzazione o completamento), questi metodi aggiungono una funzione da chiamare:
| Metodo | Descrizione |
|---|---|
| ajaxComplete() | Aggiungi una funzione da chiamare quando una richiesta AJAX viene completata. Questo è un AjaxEvent |
| ajaxError() | Aggiungi una funzione da chiamare quando una richiesta AJAX viene completata con errore. Questo è un evento AJAX |
| ajaxSend() | Aggiungi una funzione da chiamare prima di inviare una richiesta AJAX. Questo è un evento AJAX |
| ajaxStart() | Aggiungi una funzione da chiamare prima di iniziare la prima richiesta AJAX. Questo è un evento AJAX |
| ajaxStop() | Aggiungi una funzione da chiamare quando tutte le richieste AJAX sono completate. Questo è un evento AJAX |
| ajaxSuccess() | Aggiungi una funzione da chiamare ogni volta che una richiesta AJAX viene completata con successo. Questo è un evento AJAX |
Queste funzioni aiutano con le convenzioni comuni incontrate durante l'esecuzione di compiti AJAX:
| Metodo | Descrizione |
|---|---|
| $.param() | Crea una rappresentazione serializzata di un array o di un oggetto (può essere utilizzata come stringa di ricerca per una richiesta AJAX) |
| serialize() | Codifica un insieme di elementi di modulo in una stringa da inviare |
| serializeArray() | Codifica un insieme di elementi di modulo in un array di nomi e valori |
Questi metodi possono essere utilizzati per inviare qualsiasi tipo di richiesta Ajax:
| Metodo | Descrizione |
|---|---|
| $.ajax() | Esegui richieste HTTP AJAX asincrone |
| $.ajaxPrefilter() | Elabora opzioni Ajax personalizzate o modifica opzioni esistenti prima di inviare ogni richiesta e prima che $.ajax() le elabori |
| $.ajaxSetup() | Imposta valori di default per le richieste AJAX future. Non raccomandato |
| $.ajaxTransport() | Crea un oggetto che gestisce effettivamente il trasporto dei dati Ajax |
Questi metodi eseguono tipi di richieste Ajax più comuni con meno codice:
| Metodo | Descrizione |
|---|---|
| $.get() | Carica dati dal server utilizzando una richiesta GET HTTP |
| $.getJSON() | Carica dati JSON codificati in JSON dal server utilizzando una richiesta GET HTTP |
| $.getScript() | Carica un file JavaScript dal server utilizzando una richiesta GET HTTP |
| $.post() | Carica dati dal server utilizzando una richiesta HTTP POST |
| load() | Carica dati dal server e inserisci l'HTML restituito nell'elemento selezionato |