Discussion :

[grinder59]

Bonjour,

Je suis en train de développer une application web en php / mysql.
Je développe en respectant le modèle MVC.

Le principe de mon application est l'affichage de tableaux comportant un grand nombre de données. Afin d'améliorer l'expérience utilisateur et la quantité de données transférées du serveur au client, j'utilise jQuery, notamment pour les appels ajax.

Je souhaiterai faire l'affichage d'une page de la façon suivante :
- appel de l'url
- affichage du squelette de ma page + tableau (tout sauf les données du tableaux)
- appel ajax permettant de charger le tableau avec les données

Cette façon de faire me permet, à chaque rechargement (suite à un tri sur une colonne par exemple), de ne pas faire transiter les balises tr / td sur le réseau, mais uniquement les données utiles. En outre, je respecte ainsi le modèle MVC, le code html restant dans les vues.

Mon souci est le suivant : Comment, à partir d'un JSON de données pures envoyées par le script php, comment faire pour charger mon tableau ? (j'ai essayé datatables qui ne m'a pas convaincu)

Autre question : ma façon de faire est-elle la bonne ?

Merci de votre aide et de vos conseils !

[tse_jc]

Bonjour,

Vous avez deux cas de figure à gérer :
1) Le rechargement de la page (suite à un F5 par exemple) ou le premier chargement de la page
2) une mise à jour de contenu suite à une action utilisateur (suite à une demande de tri utilisateur sur une colonne comme vous l'avez évoqué).

Pour le 1er cas, bien que l'on puisse passer par un système de templating comme pure.js, de façon générale j'évite personnellement d'effectuer le chargement en 2 temps c'est à dire chargement contexte DOM par PHP et chargement des données en ajax. Pourquoi? car cela demande 2 requêtes serveur (1 pour le chargement du DOM et 1 pour le chargement des données), donc pas très optimisé dans un contexte de charge.

Pour le 2e cas, il vous faut organiser votre DOM en conséquence, et en utilisant vos attributs name et id de manière adaptée (name pour les collections d'objets parcourus avec .each() et id pour des objets spécifiques).

Note: Il est certain qu'il vous faille organiser la construction de votre object JSON côté PHP (array associatif) de manière optimisée également de manière à simplifier et rendre performant vos traitements javascript au niveau du dom.

J'espère vous avoir aidé un peu.

Bonne journée.