Recherche sur le blog

mardi 10 avril 2018

[JS] JQuery - Mémo #2 - Requête AJAX

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.

Aucun commentaire: