Traitement réponse json

Version imprimable

Bonjour a tous,
j'ai un formulaire (dans un modal au cas ou ca aurait de l'importance) lorsque l'utilisateur note un référence je vérifie via une requete ajax si elle existe déjà en db.
Si oui je lui renvoi les informations via un tableau json et je l'integre dans le formulaire (en tout cas j'aimerais bien )

j'ai bien une réponse (via la console network) {"urla":"www","urlb":"maison","urlc":"150000"}

si je fait une alert sur ma réponse ca affiche correctement mais si je fait une alert sur un "champ" de ma réponse ca me donne undefined

voici le code de mon script
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 $(function(){ $("#ref").blur(function() { var refin = $(this).attr('value'); /* DATASTRING */ var dataString = 'ref='+ refin; $.ajax({ type: "GET", url: "ref.php", dateType : 'json', data: dataString, success: function(datass){ $('#url').val(datass['urla']); //n'affiche rien alert(datass); //affiche {"urla":"www","urlb":"maison","urlc":"150000"} alert(datass.urla); //affiche undefined } }); return false; }); //EOF });
Si quelqu'un voit mon erreur ce serait super gentil de me mettre mon nez dessus lol

24/02/2019, 13h44
Toufik83
Salut,
essaie
Code:

1 2 alert(datass[0].urla);
si ça ne marche pas, montes le code html utilisé et le fichier ref.php, pour que je fasse un teste.

merci d'avance de ton aide
malheureusement ce n'est pas ca il m'affiche toujours undefined

et si je fais

Code:

alert(datass[0]);

il m'affiche {

voici le fichier ref.php

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
28
29
30
31
32
33
34
35
36
37
38
39
<?php
// Connexion à la base de données
 
// Sous WAMP (Windows)
try
{
	$bdd = new PDO('mysql:host=localhost;dbname=cmr;charset=utf8', 'root', 'root',array(PDO::ATTR_ERRMODE => PDO::ERRMODE_WARNING));
}
catch (Exception $e)
{
        die('Erreur : ' . $e->getMessage());
}
 
 
 
if (isset($_GET['ref'])) {
 
	$refer=$_GET['ref'];
	$referc = $refer;
 
 
$reponse = $bdd->prepare("SELECT * FROM inlinemod where ref = $refer");
 
		$reponse -> execute();
 
		while ($data = $reponse->fetch()) {
 
 
		$t = array();
		$t["urla"] = $data['url'];
		$t["urlb"] = $data['typedebien'];
		$t["urlc"] = $data['prix'];
 
echo json_encode($t);
}
}
else echo"erreur";
 
?>

ce que je ne comprend pas c'est la réponse via la console debug est conforme mais que je parviens pas a extraire les données

encore merci à toi

Bonjour,

Code:

1
2
3
4
5
...
		    	success: function(datass){
				datass = JSON.parse( datass );
				$('#url').val( datass.urla );
...

24/02/2019, 14h18
Zoulouseb

un immense merci c'est juste le parse qui bloquait
sur le tuto que j'avais suivi il n'en parlait pas
un immense merci !!!!!!

:fleche: Première erreur c'est var refin = $(this).val(); et pas $(this).attr("value");
:fleche: Deuxième erreur c'est dataType et pas dateType dans $.ajax.

:fleche: Troisième erreur c'est la façon dont tu as écris ton fichier php, et tu n'as pas préparé correctement ta raquette.

Remarque :quand on utilise dataType:'json' dans ajax, on ne parse pas l'objet reçu en json, c'est $.ajax qui s'en occupe.

Voilà la correction :

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
28
29
30
 
$(function(){
	$("#ref").blur(function() {
	       var refin = $(this).val();
		/* DATASTRING */
		var dataString = 'ref='+ refin;
 
		$.ajax({
			method: "GET",
			url: "ref.php",
			dataType : 'json',
			data: dataString,
			success: function(datass){
				if(!datass.erreur){
					$('#url').val(datass.url);  //get url 
					console.log(datass); //affiche  {"urla":"www","urlb":"maison","urlc":"150000"}
					console.log('datass.url :',datass.url);
				}
				else alert(datass.erreur);
 
			},
			error:function(err){
				alert(err.responseText);
			}
		});
 
		return false;
 
	}); //EOF
});

et le fichier php

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
28
29
30
31
32
33
 
<?php
// Connexion à la base de données
 
// Sous WAMP (Windows)
try
{
	$bdd = new PDO('mysql:host=localhost;dbname=cmr;charset=utf8', 'root', 'root',array(PDO::ATTR_ERRMODE => PDO::ERRMODE_WARNING));
}
catch (Exception $e)
{
        die('Erreur : ' . $e->getMessage());
}
 
 
$data=[]; 
if (isset($_GET['ref']) && !empty($_GET["ref"]) ) {
 
		$refer=$_GET['ref'];
		$referc = $refer;
		$reponse = $bdd->prepare("SELECT * FROM inlinemod where ref =:ref");
		$reponse->execute([':ref'=>$refer]);
		$data = $reponse->fetch(PDO::FETCH_ASSOC);
		if($reponse->rowCount()==0){
			$data=["erreur"=>"Ce ref n'existe pas !"];
		}
}
else {
	$data["erreur"]="Aucune valeur n'a été envoyée !";
}
echo json_encode($data);
 
?>

24/02/2019, 15h12
Invité

Toufik83 a raison. (je n'avais pas testé directement ton code)

J'ajoute que .success/.error sont remplacés par .done/.fail.
24/02/2019, 15h47
Toufik83

Oui jreaux62, il y a aussi le paramètre "type" d'ajax qu'on peut/doit remplacer par "method".