$.getJSON, récupération données hors de la fonction

Bonjour à tous et merci d'avance pour votre aide.

L'idée ici est de gérer les messages d'erreurs des formulaires pour mes sites multilingues.
J'ai donc pensé à stocker dans un fichier .json les différent message et que je récupére ainsi.

Code:

---

1 2 3 4 5 6 7 8 9 10 11

$(document).ready(function($) {   var getError_message = [];   $.getJSON('scripts/wizardFrame.json', function(data) { getError_message = data; console.log(getError_message.fr.emptyTxt); //fonctionne });   console.log(getError_message.fr.emptyTxt); //ne fonctionne pas });

---

Mon fichier .json

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

{ "fr": { "emptyTxt": "Certains champs obligatoirs non pas été complété afin de soumettre cette requête.", "typeMail": "L'adresse courriel introduite est inccorecte.", "typePhone": "Numéro de téléphone", "typeAlpha": "mot commun" }, "nl": { "emptyTxt": "Lorem ipsum Adipisicing in fugiat laboris cillum.", "typeMail": "Salut", "typePhone": "Numéro de téléphone", "typeAlpha": "mot commun" }, "en": { "emptyTxt": "Lorem ipsum Dolor velit officia magna sint.", "typeMail": "Salut", "typePhone": "Numéro de téléphone", "typeAlpha": "mot commun" } }

---

Hors je ne parviens pas à récupérer ma variable getError_message hors de la fonction $.getJSON.

j'obtient:

Citation:

---

TypeError: getError_message.fr is undefined

---

Aussi je voulais avoir votre avis sur la technique et la conception.
Merci à vous,

c'est juste une question de chronologie ...

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

$(document).ready(function($) {   var getError_message ={};   $.getJSON('scripts/wizardFrame.json', function(data) { getError_message = data; alert('appuie sur le bouton'); });   $('#foo').click(function(){ console.log(getError_message.fr.emptyTxt); })   });

---

avec un bouton :

Code:

---

<input type="button" id="foo" value="go" />

---

Dans ton code précédent le console.log est lancé avant le callback du getJson

Le problème est identique.
Voici le code en résumé:

Code:

---

1 2	<script language="JavaScript" type="text/javascript" src="scripts/wizardFrame.js"></script> <script language="JavaScript" type="text/javascript" src="scripts/contact.js"></script>

---

contact.js

Code:

---

1 2 3 4 5 6

$(document).ready... $('#btnSend').on('click', function(){ ... empty_txt (arryEmpty) && typeMail (arryMail) && typeCheckbox(); }); });

---

wizardFrame.js

Code:

---

1 2 3 4 5 6 7 8 9 10

$(document).ready... $.getJSON('scripts/wizardFrame.json', function(data) { getError_message = data; }); });   function empty_txt (argument) { ... $('[class*=wizardFrame_] #form > #error p').text(getError_message.fr.empty); }

---

Merci encore,

quand la fonction empty_txt est elle lancée ...
visiblement avant le callback de ta fonction

As tu testé avec un alert dans le callback qui t'avertit de la fin du getJson ??

Code:

---

1 2 3 4 5

$.getJSON('scripts/wizardFrame.json', function(data) { getError_message = data; alert('jsonchargé'); console.log(getError_message.fr.emptyTxt);; });

---

Donc j'actualise la page, j'ai l'alert, je clique sur OK. Ensuite ma console affiche bien getError_message.fr.emptyTxt. Et quand je clique sur #btnSend, ma console affiche l'erreur

Citation:

---

ReferenceError: getError_message is not defined

---

Je viens de mettre en ligne la page, si tu le souhaite voici:
http://www.innovadesign.be/workspace...y/contact.html

Merci encore,

En regardant dans la console de firebug tu as bien un objet JSON ...

Ton souci provient de tes "boutons" qui n'en sont pas !
Tu utilises des lien href ...
Le propre du lien href est de recharger une page ...
si tu recharge la page le js n'existe plus et a fortiori le json ...

Il faut inhiber le href...

Code:

---

1 2 3 4

$('#boutonbalisea').on('click',function(e){ e.preventDefault(); .../...

---

ainsi le href ne sera pas lancé, tu restera sur ta page et le json survivra

Bonjour SpaceFrog, j’espère que tu va bien et merci pour ton aide.

Citation:

---

En regardant dans la console de firebug tu as bien un objet JSON ...

---

Oui j'ai bien le JSON

Citation:

---

Le propre du lien href est de recharger une page ...

---

Oui effectivement, mais j'ai introduit un return false; dans mon événement click.
Ce qui empêche à priori le chargement de la page.
Mais j'ai tout de même suivit tes consignes, j'obtient la même erreur.

Code:

---

1 2 3 4 5

$('#btnSend').on('click', function(e){ e.preventDefault(); .../... // return false; });

---

J'ai donc tenter aussi l’expérience avec un input button et j'ai le même problème.

peut on voir le code avec un input button?

ce n'est qu'une question de chronologie ..
le tout est de savoir quand tu appelles le json
et en tout état de cause si tu as undefined ... c'est que c'est trop tot

Code:

---

1 2 3 4 5

$('#btnEnvoyer').on('click', function(){ $('.crossError').remove(); var arryEmpty = new Array('txt_name','txt_phone','txt_mail','txt_subject','txt_message'); empty_txt (arryEmpty) && typeMail (arryMail); });

---

En tout état de cause, je n'y fais appel qu'à la suite d'un clique, qui lui appel à la fonction empty_txt. Empty_txt cherche le message dans .json si un textbox est vide.

Le json quand a lui est chargé en $(document).ready
J'ai mis à jour la page contact.html