En html tengo un una lista de link que al hacer click en c/u me carga una lista diferente para c/u de ellos que viene desde la base de datos.
Mi codigo consulta a la DB y los devuelve a través de AJAX en un objeto llamado respuesta y al llegar los datos lo recibo en una funcion :
function llegadaDatos(respuesta) {
//accedo a sus objetos hijos "dato1, dato2 y dato3"
$("#lista-usuario").html(respuesta.dato1);
$("#lista-usuario").html(respuesta.dato2);
$("#art-list").html(respuesta.dato3);
Y no me da los resultados que quiero porque al imprimir en la pagina con el dato1 no me da problema en el dato2 es mi problema al parecer chanca a la linea anterior que es " $("#lista-usuario").html(respuesta.dato1);". Como haria para evitar ese conflicto que hay o el error es otro?.
Al depurar el js en chrome se ve que dato2 es nulo.
Object {dato1: "<li title='' aud='remix-prueba.mp3' name='flash/' …pan> <span class='desc'>Ringtone</span> </a></li>", dato2: null, dato3: "<li><a href='#'><span class='artista'>alphavilla</span></a></li>"}