2012-03-06 30 views
12

Hola. Obtuve mi salida en JSON ... Ahora necesito convertir esos datos en javascript ...matriz JSON convertir a matriz de Javascript

¿Cómo escribir el código en javascript? Tengo que mostrar las imágenes al navegador ... solo es posible escribiendo el código en javascript. Ayúdame ..

Mi salida JSON es ..

[{"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\/"}] 

Respuesta

31

Hai tengo mi salida en JSON ... ahora necesito para convertir esos datos en javascript ..

Utilice la función JSON.parse() para convertirlo en objeto JS.

var obj = JSON.parse(yourJsonString); 

Y ahora se puede utilizar for-in bucle para iterar sobre cada uno de sus artículos:

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

donde debo escribir esta función? –

+0

@krishnabhargavi: vea el código de ejemplo que he proporcionado. – Sarfraz

+0

en el lugar de su JsonString ¿necesito escribir toda la matriz json? –

2

usted debe ser capaz de utilizarlo como un objeto, que soporta todas las funciones clave de una matriz

1

Como Sarfraz ya es decir,

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: Para que se muestre las imágenes:

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

Oh..pero necesito el código para mostrar las imágenes en el navegador. –

+0

utilicé el código pero las imágenes no se muestran. –

+0

@krishnabhargavi ¿Dónde se almacenan las imágenes? –