Discussion :

[t3__rrY]

Bonjour à tous,

je suis bloqué dans une petite expérimentation simple en Javascript et ne sais plus où chercher d'où ma question ici: j'envoi des données JSON venant de ma base dans une balise <script> en début de document de cette manière:

Code :

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

1
2
3
4
5
 
<script>
    var gigData = <?php echo  $data ?>;
    console.info(gigData);
</script>

Je souhaite manipuler les données reçues dans un script chargé en fin de document comme suis:

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
 
$(document).ready(function(){
 
    var location = $('#location');
    var option = {
        element: function(gigData){
            for(var i=0; i<gigData.location.length;i++){
                '<option id="' + gigData[i].locationid +'">' + gigData[i].location + '</option>';
            }
        },
        title: gigData[0].title,
        description : gigData[0].description,
        date : gigData[0].date,
        hour : gigData[0].time
    };
    location.first().append(option.element);
 
});

Je sais que je pourrais faire une requête AJAX pour ce type de problématique mais j'aimerais comprendre pourquoi mon code ne fonctionne pas.
La console que me dit que gigData est undefined. J'imagine que mon soucis vient de la portée des variables mais je suis coincé, si quelqu'un a une idée...
Merci d'avance

[NoSmoking]

Bonjour,
dans ton code option.element est une fonction

Code :

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

1
2
element: function(gigData){
//...

donc la moindre des choses et d'en faire un appel correct option.element( param), dans ton cas param vaudra gigData.

Seulement voilà ta fonction ne retourne rien, elle retournera donc undefined, ce n'est pas ce que tu souhaites il te faut donc modifier celle ci

Code :

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

1
2
3
4
5
6
7
element: function(param){
    var html = '';
    for(var i=0; i<param.location.length;i++){
        html += '<option id="' + param[i].locationid +'">' + param[i].location + '</option>';
    }
    return html;
},

ton appel deviendra donc

Code :

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

location.first().append(option.element(gigData));

[t3__rrY]

Merci beaucoup pour ta réponse qui corrige mon erreur, ça me permet d'y voir un peu plus clair
Bonne soirée

[NoSmoking]

Il n'empêche que je ne saisie pas pourquoi tu ne génères pas ton objet directement en PHP!

[t3__rrY]

En fait c'est pour m'exercer en Javascript mais aussi car la méthode qui lance ma vue et lui passe les données, passe d'autres données que celles qui me servent à peupler les <option>. Je n'ai pas trop envie de passer par des requêtes SQL à rallonge pour le moment donc je fait provisoirement une partie en PHP et l'autre en JS...