Récupération de données JSON d'une page et manipulation dans un autre script
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:
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:
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 ;)
