Bonjour à tous, j'essaye actuellement de récupérer le contenu d'une de mes tables via du ajax et de l'afficher par la suite sur une page.
Pour ça côté serveur je fais défiler le résultat de ma requête via une boucle while et j'encastre mes données dans un tableau php.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
$i=0;
while($row=$result->fetch(PDO::FETCH_OBJ))
{
 
  $tab[$i]["titre"]=$row->titre_article;
  $tab[$i]["texte"]=$row->texte_article;
 
 
  $i++;
 
}
echo json_encode(array('result' => $tab));

Côté JS

Au succès de ma requête GET j'insère mon json dans une div grâce à la fonction append


Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
success: function (data,status, xhr)
            {
              if(xhr.status == 200) {
 
               var i=0;
               while(i<=data.result.length)
               {
                alert(data.result[i].titre);
                $('.article').append(data.result[i].titre+"<br>"+data.result[i].texte);
                i++;
               }
              }
            },
Le problème c'est qu'à l'affichage j'ai deux fois la même ligne de mon tableau qui s'affiche côté à côté comme ci:

Titre article Titre article
Texte article Texte article

Je pense que le problème vient de la façon dont je créais mon tableau mais j'avoue je vois pas trop. Si quelqu'un à une idée, je continue à chercher de mon côté.