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?

Affichage données !? [AJAX]

jQuery

Vue hybride

Discussions similaires

Partager

Partager