Affichage données !?

Invité · 19/03/2015, 11h39

Bonjour,

J'ai suivi pas mal de tutos, trouvé pas mal de post pour m'aider dans la partie Ajax / JS et je ne vois pas pourquoi ça ne fonctionne pas ...

Le code de la page principal :

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
$(document).ready(function () {
        $("#MonSelect").change(function(){
        var id=$('#MonSelect').val();
 
                 $.ajax({
                          type: "POST",
                          data: {"ID" : id}, 
                          url: "traitement.php",                         
                    success:function(data){
                       var Text = JSON.parse(data);
                    $("#input_text").val(Text.Champ1);
                    $("#input_text2").val(Text.Champ2);
                            }
                  });
       });
});

Code html :

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

1
2
3
4
5
6
7
8
<body>
<select name="MonSelect" id="MonSelect" >
<option value=""selected="selected"><-- Choix Code -->  </option>
  <option value="2">Test</option>
</select>
<input name="input_text" type="text" id="input_text" value="" size="30" />
<input name="input_text2" type="text" id="input_text2" value="" size="10" />
</body>

La partie traitement :

Code php :

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
<?php 
 
$database_Consult_ext = "xxxxx";
$Consult_ext = mysql_connect("127.0.0.1", "xxxxxx", "xxxxxx");
 
$ID = $_POST['ID'];
 
mysql_select_db($database_Consult_ext, $Consult_ext);
$query_Recordset_Code = "SELECT * FROM LIEUX WHERE id_lieu = '$ID'";
$Recordset_Code = mysql_query($query_Recordset_Code, $Consult_ext) or die(mysql_error());
$row_Recordset_Code = mysql_fetch_assoc($Recordset_Code);
$totalRows_Recordset_Code = mysql_num_rows($Recordset_Code);
 
echo json_encode($row_Recordset_Code); // le résultat de la requete est envoyé dans un JSON
 
?>

Avec Firebug, la réponse renvoyé avec JSON m'envoie bien les bonnes données, par contre, elle refuse de s'afficher dans les inputs ... Et je n'ai aucune erreur sur firebug pour m'aider ...

Merci !

**SpaceFrog** · 19/03/2015, 13h09

mets un dataType SJon sur ton ajax, mest un console.log sur le succes ...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 $.ajax({
                          type: "POST",
                          data: {"ID" : id}, 
                          url: "traitement.php",    
dataType: "JSON",                     
                    success:function(data){
                       console.log(data);
                    $("#input_text").val(data.Champ1);
                    $("#input_text2").val(data.Champ2);
                            }
                  });
       });

et montre nous ce que te retourne la console ...

Invité · 19/03/2015, 13h42

Merci pour votre aide ! ;-)

La console :

Code :

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

1
2
3
4
5
6
7
8
9
10
POST http://192.168.0.1/xxxxxx/traitement.php
 
200 OK
		4ms	
jquery-latest.js (ligne 130)
EntêtesPostRéponseHTMLJSONCookies
 
{"id_lieu":"2","lieu":"Agence2","adresse":"test","code_postal":null,"ville":null}
 
{"id_lieu":"2","lieu":"Agence2","adresse":"test","code_postal":null,"ville":null}

Les null, c'est normal, la base est vide, pour le test, je souhaite remonter le lieu et l'adresse ...

Merci !

**SpaceFrog** · 19/03/2015, 13h53

avec ça il te mets quoi en console ?

Code :

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

1
2
3
4
success:function(data){
                       console.log(data['lieu'], data['adresse']);
                            }
                  });

Invité · 19/03/2015, 13h55

Résultat :

Code :

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

1
2
3
4
5
6
7
8
9
10
POST http://172.30.0.196/gestionip/traitement.php
 
200 OK
		6ms	
jquery-latest.js (ligne 130)
EntêtesPostRéponseHTMLJSONCookies
 
{"id_lieu":"2","lieu":"Agence2","adresse":"test","code_postal":null,"ville":null}
 
undefined undefined

**SpaceFrog** · 19/03/2015, 14h02

regarde dans l'onglet json ...
tu es sur que le retour est bien un json?

Invité · 19/03/2015, 14h23

Dans l'onglet JSON, j'ai bien ça :

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
Trier par clé
 
id_lieu	
	"2"
lieu	
	"Agence2"
 
adresse	
	"test"
 
code_postal	
	null
 
ville	
	null

L'onglet serait vide si c'était pas du JSON, non ?

Invité · 20/03/2015, 08h44

Bonjour,

C'était une question ou c'était pour que je recherche quelquechose à propos du JSON ?

On se sert bien du json_encode et il apparaît bien dans FireBug...

Merci !

**SpaceFrog** · 20/03/2015, 09h25

Si tu reçois bien un json en console ... je ne vois pas pour quoi tu as des undefined avec ce code

Code :

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

1
2
3
success:function(data){
                       console.log(data['lieu'], data['adresse']);
                            }

**Bovino** · 20/03/2015, 09h28

Bah, avec des trucs comme

Code :

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

var Text = JSON.parse(data);

faut pas s'étonner.
Si tu dis à jQuery que tu vas recevoir du JSON, il te fourni la réponse au format JSON, donc il est inutiles de le transformer.

Invité · 20/03/2015, 09h44

Merci pour vos réponses.

Ok pour la transformation en trop qui ne permet pas d'afficher correctement dans le input mais le console.log, il est censé affiché le résultat dans Firebug, du coup, ça ne devrait pas être undefined ?

**SpaceFrog** · 20/03/2015, 09h48

remontre nous ton code js actuel ...

Invité · 20/03/2015, 09h54

Voici le code :

Code js :

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
<script>
$(document).ready(function () {
        $("#MonSelect").change(function(){
        var id=$('#MonSelect').val();
 
                 $.ajax({
                          type: "POST",
                          data: {"ID" : id}, 
                          url: "traitement.php", 
                          dataType: "JSONO",
                    success:function(data){
                        console.log(data['lieu'], data['adresse']);
                   /* $("#input_text").val(Text.Champ1);
                    $("#input_text2").val(Text.Champ2); */
                            }
                  });
       });
});
</script>

J'ai commenté les input... Je me concentre sur la console.log pour l'instant. Donc avec ce code, j'ai bien du JSON qui revient de la page de traitement.

Merci !

**Bovino** · 20/03/2015, 09h59

Code :

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

dataType: "JSONO",

C'est quoi ça ?

**SpaceFrog** · 20/03/2015, 10h05

Méa culpa ...

Faute de frappe dans mon code précédent ...
je devais penser à des spaghettis bolo ou une pizza ...

Code :

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

dataType: "JSON",

Invité · 20/03/2015, 10h16

Oui je m'étais également posé la question et dans le doute, j'avais testé "JSON" ... Mais non, le problème ne vient pas de là !

D'ailleurs, je ne sais pas si le dataType a un impact dans le script vu qu'avec ou sans la faute, j'ai bien une réponse dans le JSON de firebug

**SpaceFrog** · 20/03/2015, 10h39

Invité · 20/03/2015, 10h49

**SpaceFrog** · 20/03/2015, 11h36

Code :

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

1
2
3
4
success:function(data){
                        console.log(data['lieu'], data['adresse']);
                   $("#input_text").val(Text.Champ1);
                    $("#input_text2").val(Text.Champ2);

C'est quoi Text ???????

Code :

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

1
2
$("#input_text").val(data.lieu);
                    $("#input_text2").val(data.adresse);

Aurait plus de chances de donner un résultat ...

Invité · 20/03/2015, 12h02

Pour Text, c'est Bovino qui m'a fait enlever

Code :

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

var Text = JSON.parse(data);

Voilà pourquoi cela ne veut plus rien dire ... Mais j'ai commenté la partie input pour l'instant vu que la console log renvoi toujours undefined, ça ne risque pas de fonctionner au niveau de l'affichage des input... Je pensais voir ça après

Affichage données !? [AJAX]

jQuery

Discussions similaires

Partager

Partager