English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
AJAX allows the web page to be updated "asynchronously" by exchanging data with the backend web server.
This means that certain parts of the web page can be updated without reloading the entire page, which also provides a better user experience and improves data transmission speed.
The jQuery library has a full set of AJAX functions.
The functions and methods in it allow us to load data from the server without refreshing the browser page.
When any AJAX request on the page triggers certain AJAX events (such as initialization or completion), these methods will attach a function to be called:
| Méthode | Description |
|---|---|
| ajaxComplete() | Attach a function to be called when an AJAX request is completed. This is an AJAXEvent |
| ajaxError() | Attach a function to be called when an AJAX request is completed and an error occurs. This is an AJAX event |
| ajaxSend() | Attach a function to be called before sending an AJAX request. This is an AJAX event |
| ajaxStart() | Attach a function to be called before the first AJAX request starts. This is an AJAX event |
| ajaxStop() | Attach a function to be called when all AJAX requests have been completed. This is an AJAX event |
| ajaxSuccess() | Attach a function to be called when an AJAX request is successfully completed. This is an AJAX event |
These functions help with common idioms encountered when performing AJAX tasks:
| Méthode | Description |
|---|---|
| $.param() | Create a serialized representation of an array or object (which can be used as a URL query string for AJAX requests) |
| serialize() | Encode a set of form elements as a string to be submitted |
| serializeArray() | Encode a set of form elements as an array of names and values |
Ces méthodes peuvent être utilisées pour émettre des requêtes Ajax arbitraires :
| Méthode | Description |
|---|---|
| $.ajax() | Exécuter des requêtes HTTP asynchrones (Ajax) |
| $.ajaxPrefilter() | Traiter les options Ajax personnalisées ou modifier les options existantes avant d'envoyer chaque requête et avant que $.ajax() ne les traite. |
| $.ajaxSetup() | Définir les valeurs par défaut pour les futures requêtes Ajax. Il n'est pas recommandé de l'utiliser |
| $.ajaxTransport() | Créer un objet pour gérer le transfert réel des données Ajax |
Ces méthodes exécutent des types de requêtes Ajax courants avec moins de code :
| Méthode | Description |
|---|---|
| $.get() | Charger des données du serveur en utilisant une requête GET HTTP |
| $.getJSON() | Charger des données JSON codées du serveur en utilisant une requête GET HTTP |
| $.getScript() | Charger un fichier JavaScript (et l'exécuter) du serveur en utilisant une requête GET HTTP |
| $.post() | Charger des données du serveur en utilisant une requête HTTP POST |
| load() | Charger des données du serveur et insérer le HTML retourné dans l'élément sélectionné |