Discussion :

[avilba]

Bonjour à tous,

Voici mon problème. J'ai un fichier PHP qui fait une requete MySQL sur une base de données, et me "print" le résultat encodé en JSON. Je récupère ce résultat dans un script JavaScript via une requête Ajax que je JSON.parse(). Je me retrouve avec un tableau d'objets anonymes, ce qui je suppose est normal. Ca ressemble à peu près à ça :

Code :

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

[{"id":"1","name":"Name1","phone":"36892252","mobile":"0","lat":"-44.86687","lon":"170.9088789"},{"id":"2","name":"Name2","phone":"3268266","mobile":"272424877","lat":"-40.3137859","lon":"175.7596243"}]

Mon but désormais est d'ajouter des méthodes à ces objets, mais je ne sais pas du tout comment m'y prendre. Ma première et seule tentative a été de passer par le prototype du premier objet de ce tableau, mais c'est un échec cuisant. Voici le code JS :

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
xhr.addEventListener('readystatechange', function() {
 
     if (xhr.readyState === 4 && xhr.status === 200) {
		response = JSON.parse(xhr.responseText);
 
		response[0].prototype.testFunction() = function() {
			console.log("OK");
		}
 
		for (var i = 0 ; i < response.length ; i++) {
			testFunction();
		}
 
	 }
 
}, false);

La console me renvoie "Uncaught TypeError : Cannot read property 'testFunction' of undefined".

Pourtant response[0] fait bien référence à un objet, que je peux afficher sans problème avec console.log(), et ma boucle for parvient sans problème à parcourir mon tableau d'objets. Mieux : typeof response ET typeof response[0] me donnent tous deux la réponse attendue : object ; mais typeof response[0].prototype me répond "undefined". Dois-je conclure qu'un objet anonyme n'a pas de prototype ? Comment je peux donc faire pour rajouter une méthode à tous les objets que me renvoie ma requête AJAX ?

Merci de vos lumières...

[Nothus]

Un objet peut se comporter en partie comme un "tableau"...

Ainsi :
Obj.var == Obj[var]

Si on essaye dans la console, ça fonctionne :

Code :

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

1
2
3
4
5
6
7
8
varJSON = {"ok":"ok","ko":"ko"};
Object { ok: "ok", ko: "ko" }
varJSON
Object { ok: "ok", ko: "ko" }
varJSON.ok
"ok"
varJSON["ok"]
"ok"

Donc partant de ce constat :

Code :

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

1
2
3
4
5
varJSON = (... objet...) 
varMethodes = { 
<div style="margin-left:40px">"methode_un": function() {},</div><div style="margin-left:40px">"methode_deux": function() {}</div>(...) 
 
};

Et tu boucles deux fois :

Code :

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

1
2
3
4
5
for(var v in varJSON) { 
for(var vv in varMethodes) { 
varJSON[v][vv] = varMethodes[vv]; 
} 
}

En gros, tu appliques une clé associant à une valeur qui est de fait une fonction.

[Nothus]

Autre moyen de vérifier dans la console, peut-être plus clair dans son principe :

Code :

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

1
2
3
4
5
Bidule = function() { alert("merveilleux !"); }; 
varObj = {}; 
varObj["Bidule"] = Bidule; 
alert(typeof varObj.Bidule); 
varObj.Bidule();

Tu auras deux alertes à l'écran : "function" suivie de "merveilleux !". Preuve que la fonction est devenue une méthode de ton objet anonyme.

[avilba]

Parfait, ca fonctionne tres bien, merci.

Mais du coup, est-ce que ca veut dire qu'un objet anonyme n'a pas de prototype ?

[Nothus]

Ton problème me semble être ailleurs...

Tu reçois une chaîne de caractère en JSON, que tu parses (que tu décodes en somme), pour fabriquer ton objet anonyme.

Teste dans la console :

Code :

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

1
2
3
4
varJSON = '{"ok":"function() { alert(\'ok\'); }"}';
varJSON = JSON.parse(varJSON); /*Edit : petite coquille, j'ai écrit trop vite ^^ */ 
alert(typeof varJSON.ok); 
typeof varJSON.ok()

Cela ne fonctionne pas. Car JSON.parse ne crée pas la fonction. Il faudrait, par exemple par une expression régulière, regarder quelles clés peuvent être des fonctions (ex. : "fct_ok") et faire un eval sur la valeur.

Cependant il est déconseillé pour des raisons de sécurité d'utiliser eval pour ce type de pratique. Mieux vaut que ton retour fasse référence à des fonctions déjà existantes dans ton script d'appel pour garder le contrôle de s'y exécute. Avec typeof, cela me semble tout à fait possible :

Code :

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

typeof ObjMaitre[varJSON.retour]!="undefined"

[Nothus]

Voici une base pour t'aider si tu tiens à utiliser eval :

Code :

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

1
2
3
4
5
varJSON = '{"ok":"function() { alert(\'ok\'); }"}'; 
varJSON = JSON.parse(varJSON); 
eval("var truc = "+varJSON.ok); 
alert(typeof truc); 
truc();

[danielhagnoul]

EDIT

Désolé, mon code ne fonctionne pas comme prévu (je n'avais pas eu le temps de le tester ce matin).