Récupération des ID avec JS

Version imprimable

Bonjour à tous,
J'aimerais accéder avec JavaScript à un ensemble des ID récupérés dynamiquement avec AJAX. l'action semble impossible vu que les données ne sont pas affichées dans le corps de la page(<body><div>) mais seulement dans la console.
Ceci mon code php ( liste.php ) qui sera importé dynamiquement avec AJAX :
Code:

1 2 3 4 5 6 echo ' <tr id="'.$row['nom'].'"><td id="'.$row['prenom'].' "> <div class="left"><div class="icon"> ℹ </div></div> <div class="right"><h2> '.$row['nom'].'</h2> <p> '.$row['prenom'].' </p> </div></td> </tr> ';
ma page index où je voudrais accéder aux ID en question :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 function refreshChat(){ $.ajax({ type:"GET", url:"liste.php", data:"html", success:function(msg){ var $listeAtt = $('#att >*'); if ($listeAtt.length == 0){ $('#att').append(msg); // console.log(msg); } } } )}; var timer=setInterval("refreshChat()", 5000);
J'ai pu afficher les données reçues dans la page principale (graphiquement ) mais aucun moyen d'accéder aux ID de chaque ligne.
Avez vous des propositions ? :( :(

27/04/2013, 18h05
mainContainer

Hello,

chez moi un "echo" ne place rien dans la console mais dans le flux de ma page.
S'il est affiché à l'écran c'est qu'il y est, même si firebug ou Chrome Dev tools ne l'insèrent pas dans la source initialement chargée.

Qu'as tu essayé pour en conclure si rapidement que c'est impossible ? parce que là y'a un simple appel Ajax sans chercher à accéder au contenu généré

ps: utiliser les noms et prénoms comme id est une idée plus que farfelue, surtout sans traitement préalable car il subsiste accents, espaces

C'est une très mauvaise idée que de procéder ainsi.

il serait beaucoup plus simple et efficace de ne retourner que les données.

Code:

echo utf8_encode(json_encode($row));

dans ton ajax tu fais

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function refreshChat(){ 
    $.ajax({
        type:"GET",
        url:"liste.php",
        data:"html",
	success:function(msg){
            var raw = JSON.parce(msg);
            //ici tu as tes données raw.nom, raw.prenom
            //tu peux donc ajouter le html que tu veux dans ta page
            //et traiter tes données comme tu veux.
            //pas besoin d'en passer par des ids
        }
    }
)};
var timer=setInterval("refreshChat()", 5000);

si tu traite une liste de personnes

Code:

1
2
3
4
5
6
7
8
9
10
$result = mysql_query("SELECT .... FROM mytable");
$response = array(
  'count' => mysql_num_rows($result),
  'list' => array()
);
 
while ($row = mysql_fetch_array($result, MYSQL_NUM)) {
    $response['list'].push($row);  
}
echo utf8_encode(json_encode($response));

et dans js

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function refreshChat(){ 
    $.ajax({
        type:"GET",
        url:"liste.php",
        data:"html",
	success:function(msg){
            var response = JSON.parce(msg);
            if (0 == response.count) {
              //pas d'élément dans la liste
            } else {
              for(var raw in response.list) {
                //ici tu as tes données raw.nom, raw.prenom
                //tu peux donc ajouter le html que tu veux dans ta page
                //et traiter tes données comme tu veux.
                //pas besoin d'en passer par des ids
              }
            }
        }
    }
)};
var timer=setInterval("refreshChat()", 5000);

enfin attention losque tu utilise des IDS il doivent être unique dans la page et un nom de personne peut ne pas être unique (homonymes)

A+JYT

29/04/2013, 12h03
Dark102

Merci @sekaijin
Je vais implémenter ta solution envisagée sinon, je cherchais tjr à exploiter les données JSON reçues avec AJAX, le pb c'est que chaque 5 seconde, AJAX doit appeler le script php pour mettre à jour la liste utilisée dans le corps de la page et du coup JSON n'était pas utile. il ne s'agit pas de ma dernière décision, peut être j'avais une erreur quelque part. Bref, je vais essayer ta méthode et te mettre au courant, merci encore
29/04/2013, 14h25
Dark102

La méthode est super efficace, Merci infiniment. mais j'ai eu le même souci qu'avant. ça marché avec eval au lieu de JSON.parse mais j'ai eu aucun résulta (undifined ) données absentes et c'est logique parque mon script php semble incorrect. j'aimerais avoir cette structure : {"nom":"USER ","prenom":"FREE"} avec JSON depuis PHP afin que je puisse accéder à cette chaîne depuis JavaScript

Code:

1 2 3 4 5 $row = array( "nom" => "USER ", "prenom" => "FREE" ); echo utf8_encode(json_encode($row));
ce qui donne

Code:

{"nom":"USER ","prenom":"FREE"}

A+JYT

29/04/2013, 15h13
Dark102

ça fonctionne nickel Merci :)
29/04/2013, 15h20
sekaijin
je te conseille de lire http://www.json.org/js.html
http://stackoverflow.com/questions/1...-parse-vs-eval
http://jsperf.com/json-parse-vs-eval
http://json.parser.online.fr/

pour bien comprendre le pb d'éval fais ce simple test
Code:

1 2 a = '{"b":alert("toto")}'; eval('b='+a);
avec eval la fonction alert est exécutée. il suffit donc que le JSON que tu reçois soit mal formé (injection par un hack) pour que ton site soit piraté
alors qu'avec JSON.parse tu obtiens une erreur
Code:

1 2 3 4 5 try { b=JSON.parse(a); } catch(e) { alert('le fragment JSON est invalide : '+e); }
A+JYT