Utilisation de getjson

**dks17** · 21/11/2013, 23h54

Bonjour à tous,

j'aurais besoin d'un coup de main. J'ai quelques difficultés à utiliser la fonction
" $.getJSON " de jquery. Tout ce que j'essaye de faire, c'est récupérer une liste depuis un fichier php avec une fonction javascript. Dans cette fonction j'utilise un getJSON, mais je n'arrive pas à récupérer les données.
Voici le code contenant la fonction javascript.

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<!--<script scr="jquery-2.0.3.js"></script>-->
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Mon premier document PHP</title>
 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
 
<body>
    <?php
    $con=mysqli_connect("127.0.0.1:3306", "root", "", "hotel");
    // Check connection
    if (mysqli_connect_errno())
      {
      echo "Failed to connect to MySQL: " . mysqli_connect_error();
      }
    $pays = "SELECT DISTINCT country FROM hotelactif";
    $city = "SELECT DISTINCT city FROM hotelactif";
    $prix = "SELECT name FROM hotelactif WHERE highrate >= 100000 AND lowrate <= 100000";
    $test = mysqli_query($con, $pays);
 
 
    $listePays = "<select id='country' name='country '>"; 
    while ($row=mysqli_fetch_array($test)) 
        { 
        $paysSelect = $row['country'];
        $listePays .= "<option value=".$paysSelect.">".$paysSelect."</option>"; 
        } 
    $listePays .= "</select>";
 
 
 
//    while($row = mysqli_fetch_array($test))
//        {
//        echo $row['country'];
//        echo "<br>";
//        }
    mysqli_close($con);
    ?>
 
 
 
<form id=pays action='index.php' method='POST'> 
    <table>
        <tr>
            <td>
                Test
            </td>
            <td>
                <div><?php print $listePays; ?><button onclick="javascript:selectCountry()">Gaufre</button></div>
            </td>
        </tr>   
    </table> 
</form>
 
 
 
<b><?php echo "Bonjour Helpclic" ?>
 
</b>
</body>
</html>

Avant le </body>

Code :

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

1
2
3
4
5
6
7
8
function selectCountry(){
 
//        alert($('#country').val());
        url = "http://127.0.0.1/Expedia/recuperationDonnee.php/";
        $.getJSON(url, function(data){
            alert();
        })
}

ainsi que la fonction php contenant la liste à récupérer

Code php :

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

1
2
3
4
5
6
7
<?php
    $test["name"] = "test";
    $test["test"] = "test2";
    $test["age"] = "test3";
    echo (json_encode($test));
    return (json_encode($test)); 
?>

J'arrive à rentrer dans la fonction javascript mais je n'arrive pas à faire fonctionner le getJSON.
Pourriez vous me donner un coup de svp?

Merci d'avance

**Bovino** · 22/11/2013, 08h09

je n'arrive pas à récupérer les données

C'est sûr qu'avec un simple

Code :

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

1
2
3
function(data){
    alert();
}

tu risques pas de voir grand chose...

Essaye au moins avec

Code :

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

alert(data);

par exemple !

**SpaceFrog** · 22/11/2013, 08h40

Code :

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

1
2
   echo (json_encode($test));
    return (json_encode($test));

???? echo puis return ????

return n'a pas de sens en dehors du scope de php.

getJson est une requete xhr qui attend donc en retour du string
en l'occurrence JQuery se charge d'interpréter directement lé reponse reçue sous forme de string en objet JSON.
Ton serveur doit retourner une chaine au format string json, ce que se charge de faire echo (json_encode($test));.

**dks17** · 22/11/2013, 08h49

Oui, bien sur. Toutes mes excuses, j'aurais du le préciser. J'ai essayé d'afficher les données en utilisant tour à tour:

- alert(data);
- alert(data.name);
- alert(data[name]);
- alert(data[0]);

Même si cela peut paraître des aberrations, qui ne tente rien ...
Enfin bref, à chaque fois aucune fenêtre avec un message ne s'ouvre.
En fait, même avec alert(), rien ne s'ouvre. Donc je suppose que le problème doit venir de mon appel à la fonction php.

**dks17** · 22/11/2013, 08h55

Envoyé par SpaceFrog

Code :

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

1
2
   echo (json_encode($test));
    return (json_encode($test));

???? echo puis return ????

return n'a pas de sens en dehors du scope de php.

getJson est une requete xhr qui attend donc en retour du string
en l'occurrence JQuery se charge d'interpréter directement lé reponse reçue sous forme de string en objet JSON.
Ton serveur doit retourner une chaine au format string json, ce que se charge de faire echo (json_encode($test));.

Le echo etait juste là pour vérifier ce que je retournais, à savoir:

{"name":"test","test":"test2","age":"test3"}

Mais qu'il soit là ou pas ne change rien.

**SpaceFrog** · 22/11/2013, 09h52

cela confirme donc que tu es dans l'erreur !!

return ne sert à rien

tu dois faire un echo

**dks17** · 22/11/2013, 10h07

Désolé, je n'avais pas saisi le sens du message. Cependant, cela ne marche toujours pas en enlevant le return.
Par contre, j'ai une nouvelle erreur depuis la console de google chrome.
Voici une capture d'écran de cette erreur, j'ignore si cela peux vous être utile

Nom : error.png
Affichages : 370
Taille : 118,0 Ko

Nom : error.png
Affichages : 370
Taille : 118,0 Ko

Serait-il possible que la version de jquery que j'utilise (jquery-1.9.1.js) présente une sorte d'incompatibilité ou qu'il me manque des composant de jquery?

Merci d'avance

Utilisation de getjson

jQuery

Vue hybride

Discussions similaires

Partager

Partager