getJSON récupération des donnees

**pat100** · 13/08/2012, 13h33

Bonjour,

J'interroge ma base avec un test getJSON :

Code :

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

1
2
3
4
5
6
7
8
9
$.getJSON($(this).attr('action'), {'propriete': propriete, 'materiau': Materiau, function(data) {
 
donnees = data['val_T'];
donnees_min = data['val_min'];
donnees_max = data['val_max'];
 
alert(donnees);
 
 });   //getjson

L'alert ne se lance pas, pourtant sur firebug dans Resau->Reponse j'ai bien ma réponse avec ma page et le résultat en json dedans.

Que faire pour récupérer les données ???

**SpaceFrog** · 13/08/2012, 18h43

Code :

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

1
2
 
$.getJSON($(this).attr('action'), {'propriete': propriete, 'materiau': Materiau, function(data) {

vérifie la syntaxe de getJSON tu n'a pas clos ton json de data envoyé ...
du coup il ne trouve pas de troisième paramètre, la fonction de callback

autrement dit il manque un }

**pat100** · 14/08/2012, 07h33

Bonjour,

Ca ne marche pas mieux.
Le message d'alert ne passe pas.

Voila mon code :

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
28
29
30
31
32
33
34
35
$(document).ready(function() {
 
   $(function() {
 
     $("#chercher").click(function() {
var Materiau = $('#mat').val();
    var propriete = $('#boite2').val();
 
$.getJSON($(this).attr('action'), {'propriete': propriete, 'materiau': Materiau }, function(data) {
 
donnees = data['val_T'];
donnees_min = data['val_min'];
donnees_max = data['val_max'];
 
alert(donnees);
 
 });   //getjson
 
<body>
 
<form action="{% url mongraph %}" method="get" onsubmit = "">
 
<input type="text" id="mat" name="Materiau"  size="8" maxlength="15" />
 
<select style="background-color:#F0F8FF;" name="boite2" id="boite2"  onChange="choix_unite(this.form)">
 
<option selected>..........................................</option>
<option></option>
<option></option>
<option></option>
<option></option>
</select>
 
<input type="submit" style="background-color:#D7D8D4;" value="Chercher" id= "chercher"/>
</form>

Firefox me renvoie toujours les valeurs lues et j'affiche toujours :

Code :

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

{"val_T": [51.56, 67.55, 92.63], "val_min": [67.2, 85.11, 101.0], "val_max": [69.34, 89.33, 112.0]}

Quel est le problème ???

**SpaceFrog** · 14/08/2012, 09h41

Code :

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

1
2
3
$(document).ready(function() {
 
   $(function() {

heu là ça fait double emploi ...

$(fcunction()

est un raccouci de document.ready ...

Mais là n'st pas la cause du souci ...
tu n'as pas inhiber le comportement par défaut du bouton submit qui est de charger la page action ...

Il te faut soit mettre un return false dans le onsubmit, soit mettre un preventDefault dans ton attribution click de #chercher

**pat100** · 14/08/2012, 10h51

la cle du probleme est bien dans le return

si je met return = false

j'ai une erreur 500 INTERNAL SERVER ERROR
MultiValueDictKeyError at /graphe_C/
"Key 'Materiau' not found in <QueryDict: {}>"

si je me return= true;

alors plus d'erreur mais pas de retour des valeurs

**SpaceFrog** · 14/08/2012, 10h55

Code :

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

<form action="{% url mongraph %}" method="get" onsubmit = "return false">

là le return false...

getJSON récupération des donnees

jQuery

Vue hybride

Discussions similaires

Partager

Partager