Array de Objetos en Javascript

lando82 · #1 (**permalink**) 08/11/2010, 04:08

Hola, tengo un problema sobre los arrays de objetos. El siguiente código crea un array de objetos (eventos), pero no en el momento que termina de ejecutarse el código. Es decir, tengo que poner un breakpoint (uso firefox con firebug) para que eventos.length tenga una longitud de 25 (que es la que tiene que tener). Si no pongo un breakpoint, resulta que eventos.length = 0.
Además, el firebug no siempre recoge el valor del array (relleno por los objetos), debo darle a refrescar (refresh), aunque me han dicho que esto puede ser normal en el firebug, ya que no siempre recoge los valores de las variables a la primera.

Como pueden ver utilizo Jquery v1.4 y el código lo que hace es leer un XML externo y recoge los datos en el array de objetos.

¿Es esto normal?¿A que se debe esto?¿Cómo puedo solucionarlo?

Muchas gracias a todos,

Cita:

<html>
<head><title>Prueba de lectura de fichero XML</title></head>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
var eventos = [];
$(function() {
//$('#dentro a').click(function() {
$.ajax({
type: "GET",
url: "prueba.xml",
dataType: "xml",
success: function(xml) {

$(xml).find('contentSet').each(function(){
var evento = {};
//var name_text = $(this).find('name').text()
var id_text =""
$(this).find('sports-content-qualifier').each(function(){
evento.genero = $(this).attr('gender');
evento.indequi = $(this).attr('participant-count');
id_text = evento.genero +' '
id_text= id_text + evento.indequi
}); //cerrar each genero y participantes
var deporte = ""

$(this).find('sports-content-code').each(function(){
deporte = deporte + ' ' +$(this).attr('code-name')

}); // cerrar each deporte
evento.deporte = deporte
id_text = id_text + ' ' + evento.deporte

evento.ronda = $(this).find('tournament-round-metadata').attr('round-name')
id_text = id_text + ' ' + evento.ronda

$(this).find('remoteContent').each( function() {
evento.duracion = $(this).attr('duration')
evento.video = $(this).attr('href')
id_text = id_text + " "+evento.duracion+ " "+evento.video
})

if ($(this).find('event-metadata').attr('start-date-time') !== undefined){
evento.fechainicio = $(this).find('event-metadata').attr('start-date-time')
} else {
evento.fechainicio = $(this).find('tournament-round-metadata').attr('start-date-time')
}
id_text = id_text + ' ' + evento.fechainicio

evento.participantes = []

if (evento.indequi === "individual"){
$(this).find('player-metadata').each(function(){
var participante = {}
participante.nombre = $(this).find('name').attr('first')+" "+ $(this).find('name').attr('last')
participante.pais = $(this).find('home-location').attr('country')
evento.participantes.push(participante);
})
} else {
$(this).find('team-metadata').each(function(){
var participante = {}
participante.nombre = $(this).find('name').text()
participante.pais = $(this).find('home-location').attr('country')
evento.participantes.push(participante);
})
}
$('<li></li>')
.html(id_text)
.appendTo('#dentro ol');
eventos.push(evento); //añadir nuevo elemento a eventos
}); //close each de evento

}

});

alert(eventos.length);
});
</script>

<body>
<div id='dentro'>
<ol></ol>
</div>
</body>
</html>

JavierB · #2 (**permalink**) 08/11/2010, 04:43

Hola lando82. Bienvenido al foro.

Muevo tu tema al foro de Frameworks y Plugins Javascript desde Javascript.

Saludos,

mayid · #3 (**permalink**) 08/11/2010, 10:10

Es un error de publicacion o de verdad no cerras las lineas con ;?

Cita:

evento.duracion = $(this).attr('duration')
evento.video = $(this).attr('href')
id_text = id_text + " "+evento.duracion+ " "+evento.video
...
id_text = id_text + ' ' + evento.fechainicio

evento.participantes = []

Eso debería darte error en la consola del firebug.

PabloLPastor · #4 (**permalink**) 08/11/2010, 13:54

Resulta imposible (al menos a mi), seguir rápidamente el código sin ninguna indentación ni coloreado.

Lo que se me ocurre que te puede estar pasando es que tengas el alert en el evento 'ready'. El problema sería que estas enviando una petición AJAX (asíncrona) y a continuación estas haciendo el alert. La petición AJAX mientras tanto viaja al servidor, se está ejecutando, etc y ni siquiera se ha recibido la respuesta cuando tu estás intentando verla.

Si este es el problema puedes solucionarlo simplemente poniendo el alert. Al final de la función que se ejecuta con la respuesta AJAX, la que tiene el XML como parámetro.

@mayid. Aunque es una buena práctica, JavaScript realmente no necesita cerrar las líneas con ;, basta con el salto de línea.