¿Cómo recorrer una matriz asociativa JSON en javascript?

Question

Recibo una respuesta JSON del servidor y tengo que recorrer la matriz en javascript y obtener los valores. Pero no puedo mirarlo.

La respuesta JSON de la matriz tiene el siguiente aspecto:

{ 
   "1": "Schools", 
   "20": "Profiles", 
   "31": "Statistics", 
   "44": "Messages", 
   "50": "Contacts" 
} 

sólo quiero bucle a través de él para obtener el identificador y el nombre y poblar algunos valores en la página.

que he intentado:

$.each(response, function(key, value) { 
    alert(key + ' ' + value); 
}); 

// and 

for (var key in response) { 
    alert(key + ' ' + response[key]); 
} 

Pero ni dar los valores correctos.

Gracias de antemano por cualquier ayuda.

de respuesta: Hola, La respuesta me estoy haciendo con el segundo bucle es:

0 { 
1 " 
2 1 
3 " 
4 : 
5 " 
6 S 

, etc, etc

Por lo que significa su ir a través de toda la respuesta como una cadena y que spliting como clave/valor

Gracias

Answer 1

Su problema es que no está analizando la cadena JSON. Por lo tanto, su foreach está pasando por los caracteres en la cadena JSON. Apuesto a que fallará en IE < 7 ya que no trata las cadenas como matrices de caracteres.

// If you are using jQuery.ajax, you can just set dataType to 'json' 
// and the following line will be done for you 
var obj = jQuery.parseJSON(response); 
// Now the two will work 
$.each(obj, function(key, value) { 
    alert(key + ' ' + value); 
}); 


for (var key in obj) { 
    alert(key + ' ' + response[key]); 
} 

Answer 2

considerar la búsqueda de How can I parse a JavaScript object with jQuery para una posible respuesta.

Answer 3

http://jsfiddle.net/sG5sF/

jQuery.each funciona bien. Así es for-each bucle

http://jsfiddle.net/TfjrS/

Ambos trabajan como deberían. Es posible que tenga errores en otras partes de su código. ¿La variable response está establecida correctamente en el objeto JSON que se muestra en su pregunta? ¿Estás revisando el código de estado de respuesta? debería ser 200 para una respuesta exitosa?

Answer 4

var response = {"1":"Schools","20":"Profiles","31":"Statistics","44":"Messages","50":"Contacts"}; 

for (var i in response) { 
    console.log(i + ' ' + response[i]); 
} 

Funciona bien, ¿cómo vas a obtener tu respuesta var?

Answer 5

Puede usar for-in construir en Javascript puro. Por supuesto, hay que tener cuidado de que sólo está buscando en las propiedades propias del objeto (librerías como Prototype tienden a contaminar):

for(var key in response) { 
    if(response.hasOwnProperty(key)) { 
     ... 
    } 
} 

EDITAR

¿Está utilizando jQuery.ajax? ¿Cuál es el valor dataType? Debe ser json. Esta podría ser la razón por la cual su respuesta se interpreta como una cadena. Además, cuando responde console.log, ¿aparece como una cadena o un objeto?

Answer 6

No necesita hacer eso, trabajar con cuerdas es un trabajo aburrido. Puedes hacer un objeto a través de la respuesta. 1: json = eval(xmlHttp.responseText);

pero esto no es seguro en cierto grado.

1. json = JSON.parse(xmlHttp.responseText, function(key,value){// can do some other stuff here.});

entonces usted puede operar la variable como un objeto normal como esta obj.a o obj [ "a"].

Puede que esto lo ayude.