Raccourcis : Contenu - rubriques - sous rubriques
EN FR
Jelix 1.5.7

Section: AJAX

^ Services web JSON »
Changer de langue : EN

Bien que le terme AJAX précise qu'une réponse doit être en XML (d'où le X dans AJAX), AJAX est souvent utilisé avec d'autres types de format.

Selon ce que vous attendez côté client, soit dans la propriété responseText, soit dans la propriété responseXml de l'objet xmlHttpRequest, vous utiliserez un objet jResponse différent.

  • Pour tout ce qui est contenu XML quelconque, vous utiliserez jResponseXml
  • Pour des réponses en JSON, vous utiliserez jResponseJson
  • Pour renvoyer des fragments de code HTML, il ne faut pas utiliser jResponseHtml, mais jResponseHtmlFragment (voir exemple ci-dessous).
  • Dans les autres cas, vous utiliserez certainement jResponseText.

Dans votre controleur, vous pouvez utiliser jApp::coord()->request->isAjax() pour vérifier que la requête est une vrai requête AJAX (envoyée donc avec XMLHttpRequest).

Renvoyer des fragments de code HTML

Il ne faut pas utiliser jResponseHtml, car cet objet génère tout ce qu'il faut pour une page HTML : le <head>, le <body> etc... Bien souvent, dans une requête AJAX, on ne veut récupérer qu'un fragment de code HTML.

jResponseHtmlFragment est adaptée pour cela :


   $rep = $this->getResponse('htmlfragment');

   $mavariable = ...

// html à renvoyer 
   $rep->addContent( '<p>'.$mavariable.'</p>' );

// ou aussi par un template
   $rep->tplname='monapp~tpl_pour_ajax'; 
   $rep->tpl->assign('variable', $mavariable);

   return $rep;

À propos de l'utilisation de jforms dans les réponses Ajax

Il y a un souci connu quand on utilise un formulaire jforms dans un template pour une réponse autre que html pour faire une réponse ajax.

En effet, pour fonctionner correctement, un formulaire jforms a besoin de la présence du fichier jforms.js dans la page qui appelle la requête ajax. Ce fichier est inclus automatiquement par le plugin form, en appelant la méthode addJsLink de la réponse.

Comme les fragments HTML renvoyés par les reponses ajax n'ont pas d'en-tête HTML <head>, le script n'est pas inclus dans la page html final, ce qui causera des erreurs javascript. Pour le moment, il n'y a pas d'autre solution que d'inclure ce script jforms.js "à la main" lors de la génération de la page hôte (celle qui fait donc la requête ajax).