Ajax et phpboost

Ajax et phpboost [Réglé]

Comment faire, pour trier un tableau ? Créations de Modules

ben.popeye Membre non connecté

Le 06/07/2008 à 22h53

Si tu souhaites le faire en AJAX (donc le serveur fera les calculs) il faut prévoir deux fichiers.
Le fichier javascript qui va lancer la requête HTTP au serveur et traiter son résultat.
Le fichier php sur le serveur qui réceptionnera la requête.

Tu n'auras donc nul besoin de la librairie dont tu parles puisque tu veux faire faire les calculs par le serveur. Question performances, il n'y a pas photo, il vaut mieux ne pas passer par le serveur pour trier (à moins que ce soient des données qui viennent d'une base de données et qui sont très nombreuses où dans ce cas on pourrait profiter de la rapidité d'un SGBD). Mais j'avoue que pédagogiquement il est plus intéressant de faire de l'AJAX.

C'est pas compliqué, voilà en gros ce qu'il faut faire :

Côté javascript :

Code JAVASCRIPT :

 
// Fonction de tri
function ajax_sort_values(field, order)
{
//URL à laquelle on envoie la requête (on fait passer les arguments en GET)
var xhr_object = xmlhttprequest_init("fichier_php_traitant_la_requete.php?field=" + field + "&order=" + order);
 
//On prépare la fonction de traitement du résultat de la requête
xhr_object.onreadystatechange = function() 
{
//Transfert terminé avec succès
if( xhr_object.readyState == 4 && xhr_object.status == 200 && xhr_object.responseText != "")
document.getElementById("contenu_tableau").innerHTML = xhr_object.responseText; //ici on écrit dans le bloc dont l'id est contenu_tableau le résultat
else if(  xhr_object.readyState == 4 && xhr_object.responseText == "" ) //Error
{
//Echec : impossible de joindre le serveur
}
}
//On envoie la requête
xmlhttprequest_sender(xhr_object, null);
}

Et côté PHP :

Code PHP :

<?php
require_once('../includes/begin.php');
require_once('../includes/header_no_display.php');
 
//On trie les données
//Là c'est à toi de jouer
 
//On écrit le résultat qui sera affiché par la fonction javascript
echo '<table>';
foreach(....)
echo '<tr><td>' . $valeur[1] . '</td><td>' . $valeur[2] . '</td></tr>';
echo '</table>';
 
include_once('../includes/footer_no_display.php');
?>

Là je suis parti sur une solution relativement simple qui consiste à écrire simplement ce qu'on reçoit du l'AJAX dans la page. Ici le contenu du tableau est déjà écrit, et quand on demande de trier, on remplace le contenu existant par le contenu reçu. Pour trier il faut faire appel à la fonction javascript que j'ai appelée ajax_sort_values et qui prend en paramètre le champ sur lequel tu tries et l'ordre (croissant ou décroissant). Le nom de ces fonctions n'est en rien imposé, il s'agit juste d'un exemple.

J'espère avoir été clair. Si tu as des questions sur des morceaux de code n'hésite pas à demander. Je n'ai pas non plus détaillé comment on passait des paramètres par POST mais je pense que tu peux le faire aussi par GET et c'est plus simple niveau AJAX.

Bon courage