2012-03-06 19 views
12

Ciao. Ho ottenuto il mio output in JSON ... Ora ho bisogno di convertire quei dati in javascript ..Array JSON convertito in array Javascript

Come scrivere il codice in javascript? Devo visualizzare le immagini sul browser .. è possibile solo scrivendo il codice in javascript. Aiutami ..

La mia uscita JSON è ..

[{"0":"101","member_id":"101","1":"3k.png","image_nm":"3k.png","2":"\/images\/phones\/","image_path":"\/images\/phones\/"}, 
    {"0":"102","member_id":"102","1":"mirchi.png","image_nm":"mirchi.png","2":"images\/phones\/","image_path":"images\/phones\/"}, 
    {"0":"103","member_id":"103","1":"masti.png","image_nm":"masti.png","2":"images\/phones\/","image_path":"images\/phones\/"}] 

risposta

31

hai ho ottenuto la mia uscita in JSON ... ora ho bisogno di convertire i dati in javascript ..

Utilizzare la funzione JSON.parse() per convertirla in oggetto JS.

var obj = JSON.parse(yourJsonString); 

E ora si può utilizzare for-in ciclo per iterare su ciascuno dei suoi elementi:

for (var x in obj){ 
    if (obj.hasOwnProperty(x)){ 
    // your code 
    } 
} 
+0

dove dovrei scrivere questa funzione? –

+0

@krishnabhargavi: vedere il codice di esempio che ho fornito. – Sarfraz

+0

nel posto di yourJsonString ho bisogno di scrivere l'intero array json ?? –

2

si dovrebbe essere in grado di usarlo come un oggetto, che supporta tutte le funzioni principali di un array

1

Come Sarfraz sta dicendo,

var jsonString = '[{"0":"101","member_id":"101","1":"3k.png","image_nm":"3k.png","2":"\/images\/phones\/","image_path":"\/images\/phones\/"},{"0":"102","member_id":"102","1":"mirchi.png","image_nm":"mirchi.png","2":"images\/phones\/","image_path":"images\/phones\/"},{"0":"103","member_id":"103","1":"masti.png","image_nm":"masti.png","2":"images\/phones\/","image_path":"images\/phones\/"}]'; 
var obj = JSON.parse(jsonString); 
// obj now contains the array! 

EDIT: Per esso per visualizzare le immagini:

for (var i = 0, len = obj.length; i < len; i++){ 
    var img = new Image(); 
    img.setAttribute("src",obj[i][2] + obj[i][1]); 
    document.body.appendChild(img); 
} 
+0

Ohk..ma ho bisogno del codice per visualizzare le immagini sul browser. –

+0

ho usato il codice ma le immagini non sono visualizzate. –

+0

@krishnabhargavi Dove sono archiviate le immagini? –