json et jquery

**lolweb** · 09/06/2010, 12h51

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
$encoded = json_encode($encodable);
echo "DayEvents : ",$encoded;

et j utilise jquery

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**SpaceFrog** · 09/06/2010, 14h30

que te retourne un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert(json)

??

que donnerait serialize ou unserialise coté php ?

**danielhagnoul** · 12/06/2010, 00h25

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

J'obtiens :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>");
});

**lolweb** · 20/06/2010, 00h46

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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)

json et jquery

jQuery

Vue hybride

Discussions similaires

Partager

Partager