Affichage de commentaires en utilisant json

rimie · 17-11-2011 02:52:06

Bonjour,

J'ai un code des commentaires, lorsque je clique sur "afficher plus de commentaires", il affiche seulement 1, autrement dit: j'affiche seulement 2 commentaires, je clique sur "afficher plus de commentaires", il doit afficher la totalite des commentaires, par consequent il affiche seulement 1 meme si j'ai une totalite a afficher de 5.

le code index:

$('.moreComs').click(function(){

                var level1 = $('#IDlevel1').val();

                        var level2 = $('#IDlevel2').val();

                var level3 = $('#IDlevel3').val();

                var num = $('#IDnum').val();

                var dataString = 'level1=' + level1 + '&level2=' + level2 + '&level3=' + level3 + '&num=' + num;

        $.ajax({

        type: "POST",

                url: "Forms/displayCommentsMore.php",

        data: dataString,

        dataType: "json",

        success: function(data) {

                $('.loadingComs').show();

                        $('.appendComs').fadeIn().append(data.commFull);                       

                        $('.loadingComs').hide();

                }

                });

code displayCommentsMore:

<?php

$return_arr = array();

include '../Included_Files/Connect.php';

include '../Included_Files/paths.php';

$level1 = $_POST['level1'];

$level2 = $_POST['level2'];

$level3 = $_POST['level3'];

$num = $_POST['num'];

$maxComsPerPage = '99';

$sqlq = 'SELECT * FROM commentaires WHERE level1 = "'.$level1.'" AND level2 = "'.$level2.'" AND level3 = "'.$level3.'" AND num = "'.$num.'" ORDER BY idcom DESC';

echo $sqlq;

$req = $connexion->query($sqlq);

$result = $req->fetchAll();

$total_com = count($result);

echo $total_com;

foreach($result as $kArr=>$vArr)

{

                $idcom = strip_tags($vArr['idcom']);

                $id_pseudo = strip_tags($vArr['id_pseudo']);

                $date_posted = strip_tags($vArr['date_posted']);

                $commentaire = strip_tags($vArr['commentaire'], '<a>');

        $commFull = '<div style="background-color:#a5a5f0; overflow:hidden; width:500px;">';

                $commFull .= '<div style="float:left; width:450px; background-color:#7171e7;">';

                $commFull .= $commentaire;

                $commFull .= '</div>';

                $commFull .= '<div style="float:left; width:50px; background-color:#3838db;">';

                $commFull .= '<img src="'.$path2imgs.'noProfile.png" width="50" height="50" />';

                $commFull .= '</div>';

                $commFull .= '</div>';

                $commFull .= '<hr style="width: 500px; color: green;">';

}

        $return_arr["commFull"] = $commFull;

  echo json_encode($return_arr);               

?>

resultat sur firebug, j'ai pas mis d'affichage, j'ai mis des echos pour voir le resultat de la requete ainsi que le total:

requete => SELECT * FROM commentaires WHERE level1 = "6" AND level2 = "43" AND level3 = "7" AND num = "89" ORDER BY idcom DESC

total => 7

merci a vous

Pierrot · 17-11-2011 09:07:19

Salut,
Est ce que la requête retourne bien les enregistrements escomptés ?

a++

rimie · 17-11-2011 16:12:43

Pierrot a écrit :

Salut,
Est ce que la requête retourne bien les enregistrements escomptés ?
a++

j'ai fait un:

echo $commFull;

et ca me retourne tous les enregistrements sur firebug

Maljuna Kris · 17-11-2011 16:21:30

Saluton,
SELECT * déjà, c'est très moyen.

Pierrot · 17-11-2011 16:32:24

montre un peu le html stp.
a++

Jc · 17-11-2011 17:26:48

Bonjour,

Je ne suis pas un expert en JQUERY, mais il me semble que ton dataType: "json" n'est pas bon car sauf erreur de ma part, tu passes à ton callback une chaine de caractères qui n'est pas au format json, et concernant ton retour callback il n'est visiblement pas au format json non plus car tu l'affiches direct sur ton navigateur...

++

Dernière modification par Jc (17-11-2011 17:28:02)

Pierrot · 17-11-2011 17:57:41

JC->

il fait bien un json encode en php
mais il fait d'autres echo avant

donc c'est sur que le json est sacrément foireu :D

et a la réception il faudrait qu'il fasse JSON.parse(data) pour utiliser son data.commFull

a++

Jc · 17-11-2011 18:24:45

@Pierrot,

Je suis bien d'accord avec toi, mais je me suis arrêté de lire à la ligne relevée... donc le contenu de son fichier php ...

rimie · 18-11-2011 03:44:43

voila le code HTML, il y a 2 commentaires (commentaire 1 et commentaire 2) sont affiches par defaut parce que je fais LIMIT2, alors quand je clique sur "see more comments", je dois avoir tous les commentaire dans la table, qui sont 13, je recois seulement un qui est "nouveau commentaire":

<div style="background-color: rgb(165, 165, 240); width: 500px;">

<div align="center">Total comments :13    <a style="cursor: pointer;" class="moreComs">see more comments</a>

<span style="display: none;" class="loadingComs">

<img src="Images/Icons/ajax-loader.gif"> Loading</span>

<div style="background-color: rgb(165, 165, 240); overflow: hidden; width: 500px;">

<div style="float: left; width: 450px; background-color: rgb(113, 113, 231);">

Pseudo1 on time time<br>commentaire 1

</div>

<div style="float: left; width: 50px; background-color: rgb(56, 56, 219);">

<img src="Images/noProfile.png" height="50" width="50">

</div>

</div>

<hr style="width: 500px; color: green;">

<div style="background-color: rgb(165, 165, 240); overflow: hidden; width: 500px;">

<div style="float: left; width: 450px; background-color: rgb(113, 113, 231);">

Pseudo2 on time time<br>commentaire 2

</div>

<div style="float: left; width: 50px; background-color: rgb(56, 56, 219);">

<img src="Images/noProfile.png" height="50" width="50">

</div>

</div>

<hr style="width: 500px; color: green;">

</div>

<span style="" class="appendComs">

<div style="background-color: rgb(165, 165, 240); overflow: hidden; width: 500px;">

<div style="float: left; width: 450px; background-color: rgb(113, 113, 231);">

nouveau commentaire

</div>

<div style="float: left; width: 50px; background-color: rgb(56, 56, 219);">

<img src="Images/noProfile.png" height="50" width="50">

</div>

</div>

<hr style="width: 500px; color: green;">

</span>

<span class="displayNewCom"></span>

<span class="comErrors"></span>

<form name="formName" method="POST" action="" autocomplete="on" id="formComments">

<fieldset name="FieldSetName" id="rien" style="width: 480px; border: 0pt none red; margin-right: auto; margin-left: auto;">

<img src="Images/Icons/aya_r.gif" align="absmiddle" height="20"> 

<font color="green"><b>Formulaire</b></font>

<img src="Images/Icons/aya_l.gif" align="absmiddle" height="20">Les champs

<ul>

<li>

<img src="Images/noProfile.png" height="50" width="50">

<textarea name="commentaire" spellcheck="true" cols="50" rows="2" placeholder="okoko" class="commentaire">

</textarea>

</li>

</ul>

<input name="username" value="1" id="idUsername" type="hidden">

<input name="level1" value="6" id="IDlevel1" type="hidden">

<input name="level2" value="43" id="IDlevel2" type="hidden">

<input name="level3" value="7" id="IDlevel3" type="hidden">

<input name="num" value="89" id="IDnum" type="hidden">

<input name="Send" value="Envoyer" class="SubCom" style="float: right; display: none;" type="submit">

</fieldset>

</form>

<span class="loading"><img src="Images/Icons/ajax-loader.gif"> Loading</span>

</div>

</div>

Pierrot · 18-11-2011 09:15:08

regarde aussi les remarques que j'ai fait au dessus

a++

rimie · 20-11-2011 02:51:18

Pierrot a écrit :

regarde aussi les remarques que j'ai fait au dessus
a++

je n'ai aucun echo et j'ai ajoute:

JSON.parse(data);

ca me donne cette erreur:

JSON.parse: unexpected character

[Break On This Error] JSON.parse(data);

Jc · 20-11-2011 11:04:52

Bonjour,

Oui rimie c'est normal.. Le problème c'est que tu n'as aucune notion visiblement de ce qu'est JSON. Je te conseille vivement de combler cette lacune, car Pierrot ne dira pas le contraire, JSON est quasi indispensable lorsque l'on fait du javascript pour avoir du code propre, facile à maintenir et concis.
Donc voici de la lecture pour commencer

++

Dernière modification par Jc (20-11-2011 11:05:42)

Pierrot · 20-11-2011 11:38:31

salut,
>>je n'ai aucun echo et j'ai ajoute:
j'en doute
à moins que que la procédure json_encode de php déconne.

dans le doute, essaye :

json_encode($return_arr, JSON_FORCE_OBJECT)

et fait un alert(data) avant le JSON.Parse et donne moi le contenu de ton json.

a++

rimie · 20-11-2011 12:03:21

ca reviens en une erreur:

<b>Warning</b>:  json_encode() expects exactly 1 parameter, 2 given in <b>displayCommentsMore.php</b> on line <b>51</b><br />

j'ai mis le code:

foreach() {

      $return_arr["commFull"] = $commFull;

  echo json_encode($return_arr);

}

il me retourne rien dans la page, par contre au niveau firebug, il affiche tous les resultats, en mettant:

foreach() {

      $return_arr["commFull"] = $commFull;

}

  echo json_encode($return_arr);

il affiche un seul resultat comme auparavant

Jc · 20-11-2011 14:36:05

Bonjour,

Sauf erreur de ma part, soit tu fais un tableau à index numérique en faisant $return_arr[]=$commFull, soit si tu désires nommer tes indexs de tableau, tu es obligé pour l'encoder en JSON de passer par un tableau associatif du style $return_arr=array('commFull'=>$commFull);
Et en faisant comme cela tu n'auras plus d'erreur.... enfin presque

En effet tu ne sais pas visiblement comment fonctionnent les tableaux et les boucles for...each. Avec ton code, c'est tout à fait normal que ton tableau te retournes qu'une seule valeur.
Dans ta boucle for_each utilise $return_arr[]=$commFull, place ton json_encode à l'extérieur de ta boucle, et regarde ce que cela donne, tu comprendras mieux

++

Dernière modification par Jc (20-11-2011 14:41:42)

rimie · 22-11-2011 13:00:22

j'ai elimine le json, et j'ai travaille avec jQuery seul, ca marche sans json

Jc · 22-11-2011 13:52:26

Bonjour,

Ca marche aussi sans JQuery

rimie · 23-11-2011 01:55:25

Jc a écrit :

Bonjour,
Ca marche aussi sans JQuery

et comment faire sans recharher la page?

Jc · 23-11-2011 02:05:55

1) C'était de l'humour.
2) Pour la forme, tu peux faire de l'Ajax en javascript sans Jquery^^.

PS: Sans justification aucune, c'était une autre façon de te faire remarquer que tu pouvais très bien te passer de JQuery au même titre que tu te passes de JSON pour résoudre tes problèmes^^

Dernière modification par Jc (23-11-2011 02:08:23)

rimie · 23-11-2011 11:49:21

et c'est quoi la solution JSON?

Jc · 23-11-2011 13:42:00

En résumé, au lieu de passer 100 paramètres dans tes callbacks, tu n'en passes qu'un à chaque fois : Un objet JSON, dont tes paramètres en deviennent ses propriétés. C'est géré en Javascript d'une manière native, ( pour le système de notation, ca devrait être simple pour toi car tu l'utilises en permanence avec JQuery), et du coté PHP c'est représenté sous la forme d'un StdObjetClass.
Te reste ensuite à établir des conventions de structure de tes objets JSON de manière à pouvoir les traiter de manière transparente autant du côté Javascript que du côté PHP.
Une fois que t'as le pied dedans, tu ne pourras plus t'en passer.;)

Bonne continuation avec ton nouvel outil

Dernière modification par Jc (23-11-2011 13:42:10)

rimie · 23-11-2011 14:01:53

c'est dur

PHP|Débutant :: Forums

Advertisement

#1 17-11-2011 02:52:06

Affichage de commentaires en utilisant json

#2 17-11-2011 09:07:19

Re : Affichage de commentaires en utilisant json

#3 17-11-2011 16:12:43

Re : Affichage de commentaires en utilisant json

#4 17-11-2011 16:21:30

Re : Affichage de commentaires en utilisant json

#5 17-11-2011 16:32:24

Re : Affichage de commentaires en utilisant json

#6 17-11-2011 17:26:48

Re : Affichage de commentaires en utilisant json

#7 17-11-2011 17:57:41

Re : Affichage de commentaires en utilisant json

#8 17-11-2011 18:24:45

Re : Affichage de commentaires en utilisant json

#9 18-11-2011 03:44:43

Re : Affichage de commentaires en utilisant json

#10 18-11-2011 09:15:08

Re : Affichage de commentaires en utilisant json

#11 20-11-2011 02:51:18

Re : Affichage de commentaires en utilisant json

#12 20-11-2011 11:04:52

Re : Affichage de commentaires en utilisant json

#13 20-11-2011 11:38:31

Re : Affichage de commentaires en utilisant json

#14 20-11-2011 12:03:21

Re : Affichage de commentaires en utilisant json

#15 20-11-2011 14:36:05

Re : Affichage de commentaires en utilisant json

#16 22-11-2011 13:00:22

Re : Affichage de commentaires en utilisant json

#17 22-11-2011 13:52:26

Re : Affichage de commentaires en utilisant json

#18 23-11-2011 01:55:25

Re : Affichage de commentaires en utilisant json

#19 23-11-2011 02:05:55

Re : Affichage de commentaires en utilisant json

#20 23-11-2011 11:49:21

Re : Affichage de commentaires en utilisant json

#21 23-11-2011 13:42:00

Re : Affichage de commentaires en utilisant json

#22 23-11-2011 14:01:53

Re : Affichage de commentaires en utilisant json

Pied de page des forums