rafraichir tableau PHP + AJAX

Version imprimable

27/09/2017, 00h09
vwrx924

rafraichir tableau PHP + AJAX

Bonjour,
j'ai codé qq lignes afin d'afficher dans une table des données de ma BDD,

via php je précise les données que je veux récupérer $sql = mysqli_query($base,"select.... LIMIT 0, 11)";
j'utilise LIMIT dans mon sql pour n'afficher que les 10 premiers enregistrements

j'ai créé un input submit value = "page 2" onclick="pg2()">

mon problème est: "comment recharger ma page en prenant en compte LIMIT 11, 21";?
j'ai regardé AJAX mais je ne comprend pas comment coder pour que la page prenne en compte mes 2 variables (LIMIT $val1, $val2) lors du 1er chargement de la page puis lors du onclick sur input "page 2"?

je ne trouves pas de codes simples qui répond à cette demande,

autre question: j'ai intégrer 1 bouton up et down dans chaque col pour laisser la possibilité à l'utilisateur de trier les données selon son choix,
ces fonctions implique de recharger la page?

nota: j'ai essayé datatable mais cela ne fonctionne pas :-( (j'ai ouvert une discussion en parallèle sur ce problème),

pouvez-vous m'aider? svp
merci
27/09/2017, 13h35
Vil'Coyote

1) il suffit de passer des paramètres lors de l'appel de la fonction page2 et de les envoyer via ajax puis réafficher les données ...
2) sit tu réaffiche les données avec le tri et donc ajax soit tu utilise un datagrid genre jqery etc ... et le tri ce fait via le javascript

Citation:

Envoyé par Vil'Coyote

1) il suffit de passer des paramètres lors de l'appel de la fonction page2 et de les envoyer via ajax puis réafficher les données ...
2) sit tu réaffiche les données avec le tri et donc ajax soit tu utilise un datagrid genre jqery etc ... et le tri ce fait via le javascript

merci pour ta répnose Vil'coyote,
1) si j'utilise window.location.reload() cela va reprendre mon code php $sql = mysqli_query(select... LIMIT 0,11);
si je déplace mon code php dans un autre fichier appelé via AJAX, ça ne marche pas comme suit:

nota: en tant que grand débutant motivé, je m'excuse par avance à ceux que je vais offusquer :arf: suite à la lecture de l'organisation de mon code ci-dessous,
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 <HTML> <header> function pg1(){$val1=0; $val2=11; appel AJAX puis récupération $res} function pg2(){$val1=11; $val2=21; appel AJAX puis récupération $res puis window.location.reload??} (si je fais cela lors du rechargement de la page le navigateur va réexécuter la function pg1() et donc ça ne marche pas :-( </header> <body> <script> pg1() </script> <input type="submit" value="page 2" onclick="pg2()"> <table> <tbody> <?PHP while($row = mysqli_fetch_array($res)) { ?> <tr> <td><?php echo stripslashes($row['nomsite']); ?></td> </tr> <?PHP } ?> <tbody> </table> </body> </html>
fichier PHP appeler par AJAX
Code:

1 2 3 4 5 <? PHP connexion base, $sql = mysqli_query(base, "select ... LIMIT $val1, $val2") $res = mysqli_fetch_assoc($sql); ?>
comment faire pour qu'au premier chargement $val1=0 et $val2=11 puis recharger la page ensuite en prenant en compte d'autres valeurs à $val1 et $val2? il doit y avoir une solution - via une variable globale (varglob) ? 1er chargement valeur =1 puis si click sur input pg2() function pg2() {varglob =varglob+1} et dans mon code html si varglob>1 alors ne pas prendre en compte <script> pg1() </script> dans <body>?
je vais tenté
merci

28/09/2017, 15h13
AntoninP

Salut, récemment je cherchais quelque chose de similaire et je suis tombé sur ce tuto qui m'a beaucoup aidé. ;)
28/09/2017, 18h43
vwrx924

Citation:

Envoyé par AntoninP

Salut, récemment je cherchais quelque chose de similaire et je suis tombé sur ce tuto qui m'a beaucoup aidé. ;)

Merci beaucoup AntoninP pour ta réponse
je regarde cela avec intérêt,
pas facile lorsque l'on débute :toutcasse:
cdlt
28/09/2017, 21h33
vwrx924

Merci encore AntoineP,
je viens d'adapter le code du tuto dans mon code...et ça marche :lol: :lol: :lol:

maintenant, sur chacune de mes colonnes j'ai 2 inputs (un up et un down) dont l'objet serait de trier les lignes de mon tableau suivant choix de l'utilisateur,
je pensai reprendre le principe du tuto en remplaçant le champ de la table par une variable soit ORDER BY [variable= champ col] [variable = ASC ou DESC]
je ne vois pas comment modifier mon code pour cela,

si tu as 1 idée, je suis très intéressé
merci
cdlt
04/10/2017, 10h34
-Rpass-

Citation:

Envoyé par vwrx924

Merci encore AntoineP,
je pensai reprendre le principe du tuto en remplaçant le champ de la table par une variable soit ORDER BY [variable= champ col] [variable = ASC ou DESC]

C'est exactement ce qu'il faut faire !