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