json et jquery

Version imprimable

json et jquery

Bonjour

J ai un soucis : j ai un json avec ce format : DayEvents : [{"0":"886","event_id":"886","1":"5029","user_id":"5029" ....

le .php pour encoder la réponse sql
Code:

1 2 3 $encoded = json_encode($encodable); echo "DayEvents : ",$encoded;
et j utilise jquery
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 26 27 <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ var url="http://www.url.com/testjson.php"; $.getJSON(url,function(json){ $.each(json.DayEvents ,function(i,liste){ $("#results").append('<p>'+liste.event_id+'</p>'); }); }); }); </script> </head> <body> <div id="results"> </div> </body> </html>
et j ai rien , le but du script et de récupérer le json et de le parser pour mettre certaines valeurs dans des balises html

si vous avez une idée :)

09/06/2010, 14h30
SpaceFrog

que te retourne un

Code:

alert(json)

??

que donnerait serialize ou unserialise coté php ?

Bonsoir.

Si jQuery estime qu'un fichier JSON est mal construit, il ne renvoie aucune information.

Pour un fichier dayEvents.js avec cette structure JSON :

Code:

1
2
3
4
5
6
7
8
9
10
[
    {
        "DayEvents" : {
            "0":"886",
            "event_id":"886",
            "1":"5029",
            "user_id":"5029"
        }
    }
]

J'obtiens :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
$.getJSON("dayEvents.js", function(json){
	var tab = [];
	var event, user;
 
	$.each(json, function(i, item){
		$.each(item, function(j, jtem){
			tab.push(j);
 
			event = jtem.event_id;
			user = jtem.user_id;
 
			$.each(jtem, function(k, ktem){
				tab.push([k, ktem]);
			});
		});
	});
 
	// DayEvents,0,886,event_id,886,1,5029,user_id,5029
	console.log(tab.join());
 
	// event_id = 886, user_id = 5029
	$("#conteneur").append("<p>event_id = " + event + ", user_id = " + user + "</p>");
});

merci voici ma solution grace à vous

Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 $.getJSON( "http://test.com/iphone/testjson.php", function(data){ var titre = ""; var detail="" $.each(data.DayEvents, function(i,item){ titre += '<li class="arrow">' ; titre += '<a id='+item.event_id+' href="#pagedetail" onclick='+descr(item.event_id)+' ;">'+item.event_name+'</a></li>'; }); } // Pop our HTML in the #images DIV $('#titles ul' ).html(titre); $('#detail' ).html(detail); });
Cependant une question demeure , j arrive a récupérer le JSon et ensuite j arrive afficher une liste avec les titres des évènements que je met dans le div "titles" mais ensuite j essaie d afficher le descriptif de l évènement ("event_desc" de mon json )après avoir cliquer sur le titre et l afficher dans le div "détail" et je n'y arrive pas, si vous avez un bout de piste ...

Merci (et encore désolé pour le mutlipost)