[AJAX] valeur de getJson [Résolu]

[coucoudjam]

Bonjour,

Après m'être pris la tête toute la journée sur ce truc, je me tourne vers vous...

Alors voilà, j'ai dans un index.html 2 champs

Code html :

1
2
3
4
<input type="text" size="80" value="" id="title" onkeyup="suggest(this.value);" onblur="fill();" class=""/>
<div id="retour">
 <i>vide</i>
</div>

Le premier champ (<input> est un champ dynamique et fonctionne bien), lorsque je clique sur une des valeurs suggérées, je déclenche l'événement "onblur" et voici le code de ma fonction "fill()"

Code :

1
2
3
4
function fill(thisValue) {
     $('#title').val(thisValue);
     setTimeout("$('#suggestions').fadeOut();", 600);
     vachercher();

Qui appelle à son tour la fonction "vachercher()"

Code :

1
2
3
4
5
6
7
8
function vachercher(){
	$.post('AS_Code2.php', {identifiant: $('#title').val()}, function(data){
		$('#retour').hide();
		$('#retour').html('')
			.append('<b>Json</b> : '+data+'<br/>')
			.append('<b>Titre</b> : '+data.tvo+'<br/>')
		$('#retour').fadeIn();
	}, "json");}

Ce qui me retourne :

Json : [object Object],[object Object]
Titre : undefined

Bref, je n'arrive pas à utiliser mon Json... Donc j'essaye avec la fonction $.getJSON et là...

Code :

1
2
3
4
5
6
7
8
9
function vachercher(){
	$.getJSON('AS_Code2.php', {identifiant: $('#title').val()}, function(data){
		$('#retour').hide();
		$('#retour').html('')
			.append('<b>Json</b> : '+data+'<br/>')
			.append('<b>Titre</b> : '+data.tvo+'<br/>')
		$('#retour').fadeIn();
	});
}

Ben rien, ma DIV reste avec sa valeur par défaut "vide".

Puis j'essaye simplement avec $.post tout court

Code :

1
2
3
4
5
6
7
8
9
function vachercher(){
	$.post('AS_Code2.php', {identifiant: $('#title').val()}, function(data){
		$('#retour').hide();
		$('#retour').html('')
			.append('<b>Json</b> : '+data+'<br/>')
			.append('<b>Titre</b> : '+data.tvo+'<br/>')
		$('#retour').fadeIn();
	});
}

Et là, ça me retourne (presque) bien ce que je veux :

Json : [{"tvf":"Gintama"},{"tvo":"Gintama"}]
Titre : undefined

Je disais "presque" car comme vous le voyez, je n'arrive absolument pas à utiliser mes champs...

Un petit coup de pouce me ferait du bien, je commence à être court d'idées...

Merci !

[danielhagnoul]

Code html :

1
2
3
4
5
<input id="title" type="text" size="80" value="">
 
<div id="retour">
	<i>vide</i>
</div>

Code javascript :

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
28
29
30
31
32
$( function(){
 
	function vachercher(){
		$.post( 'AS_Code2.php', { "identifiant" : $( '#title' ).val() }, function( data ){
 
			$('#retour')
				.hide()
				.html( '<b>Json</b> : ' + data + '<br/><b>Titre</b> : ' + data.tvo + '<br/>' )
				.fadeIn();
 
		}, "json");
	}
 
	function fill( thisValue ){
	     $( '#title' ).val( thisValue );
 
	     setTimeout( function(){
	     	$( '#suggestions' ).fadeOut();
	     }, 600 );
 
	     vachercher();
	}
 
	$( "#title" ).on( "keyup", function(){
		suggest( this.value );
	});
 
	$( "#title" ).on( "blur", function(){
		fill();
	});
 
});

[Bovino]

Json : [{"tvf":"Gintama"},{"tvo":"Gintama"}]

Tu vois bien que la réponse reçue est un tableau (de type Array) et non un objet.
Si tu veux accéder aux objets contenus dans ce tableau, il faut chercher leur rang :

Code :

1
2
3
4
5
6
7
8
function vachercher(){
	$.post('AS_Code2.php', {identifiant: $('#title').val()}, function(data){
		$('#retour').hide();
		$('#retour').html('')
			.append('<b>Json</b> : '+data+'<br/>')
			.append('<b>Titre</b> : '+data[1].tvo+'<br/>')
		$('#retour').fadeIn();
	}, "json");}

[coucoudjam]

Merci danielhagnoul, le code est tout beau tout propre comme ça !
Seulement, mon niveau n'est vraiment pas suffisant pour comprendre pourquoi cela ne fonctionne plus avec ton code...

Et merci Bovino, ça fonctionne évidemment mieux comme ça...
Mais tu sais pourquoi la fonction "$.getJSON" ne me renvoie rien ?!??
Car dans mon 'AS_Code2.php', j'ai bien mis en première ligne

Code :

header("Content-type: application/json");

Et lorsqu'il me construit mon retour

Code :

1
2
3
4
5
6
7
$json= json_encode($retour);
 
if (isset($_GET['callback'])) {
     echo $_GET['callback'].'('.$json.');';
} else {
     echo $json;
}

Merciiiiiiii