Php AJAX et tableau

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:

---

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:

---

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é.

Ok désolé, le problème c'était pas du tout le tableau j'avais juste créer deux div de class article dans mon html, désolé du dérangement je met le topic en résolu.