JQuery vous permet d’effectuer facilement des requêtes AJAX. Par exemple:
$.ajax({
type : "POST",
url : "URL_A_APPELER",
data : {
param1: val_param1,
param2: val_param2,
// ...
}
})
.done(function(data)
{
})
.fail(function(jqXHR, responseHtml, url)
{
});
Dans l’exemple on spécifie le type de requête, l’URL appelée, et les données envoyées. La fonction done() est exécutée lorsque la réponse est positive. L’objet « data » est alors un objet qui peut contenir du HTML notamment. La fonction fail() est exécutée quand la réponse du serveur est une erreur ou quand l’appel a échoué.
Dans JQuery 3, il ne faut plus utiliser les méthodes callback suivantes : error(), success() et complete().
La documentation officielle décrit les paramètres supplémentaires et l’utilisation des méthodes callback. Par exemple, on peut passer un objet dans « data » à la place des différents paramètres. Au niveau des options, on peut notamment spécifier async: false, pour forcer l’attente de la réponse. Les possibilités sont nombreuses.