Webix - Tutoriel #2 : la gestion des appels AJAX

La gestion des appels AJAX en Javascript peut être assez "fastidieuse" : trop de code (souvent redondant) et une visibilité du code peu optimale !

Webix a réglé ce problème.

Exemple source :

ma_page.php

<script>
webix.ajax("chercher_data.php",
function(text, data, xhr){ alert(text); });
</script>

cherche_data.php

<?php
$json = Array();

$json[] = Array("data1"=> "test", "data2"=> "test2");

echo json_encode($json);
?>

Quelques explications.

La page <chercher_data.php> a pour mission d'extraire les données et de les mettre en forme façon JSON.

Dans notre exemple, les données "data1" et "data2" peuvent servir par exemple à "alimenter" un composant UI de Webix de type <list>.

Intéressons - nous à la fonction CALLBACK de notre appel AJAX - function(text, data, xhr).

TEXT -> réponse complète de notre appel AJAX

DATA -> réponse au format JSON / XML quand cela est applicable

XHR -> objet XmlHttpRequest

Il existe d'autres variantes pour l'utilisation de webix.ajax - veuillez consulter la documentation pour plus d'informations.

Vous noterez donc qu'un appel AJAX est simple sous Webix.

Le code est lisible  ! ce qui non négligeable dans le cas où vous devez effectuer de nombreux appels AJAX.