Activa las notificaciones push PhoneGap Spain

Foro

Home Forums Programación Javascript recorrer un json y meterlo en un div

This topic contains 1 reply, has 2 voices, and was last updated by Jose Jesus Perez Rivas Jose Jesus Perez Rivas 1 semana, 3 dias .

Viendo 2 respuestas - de la 1 a 2 (de 2 en total)
  • recorrer un json y meterlo en un div

    Intervenciones
  • lorenzo_martin 
    Participant

    buenas, tengo una duda.

    Tengo una tabla en un archivo html con 4 div que quiero rellenar con los datos de un json que voy recorriendo.
    FUncion js

     Code: arbitrary (select
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.

    var myObj = JSON.parse(data);
          for (var i=0, len=myObj.total_count; i < len; i++)
            { //Total count es el numero total de registros
              $("#id").html(myObj.ent[i].id);
              $("#name").html(myObj.ent[i].name);
              $("#cif").html(myObj.ent[i].cif);
              $("#fecha").html(myObj.ent[i].fch);
              $("#contenido").html(""); //Pongo en blanco el div despues de la funcion
            }//Cierro For

    Archivo Html

     Code: arbitrary (select
    1.
    2.
    3.
    4.
    5.
    6.

    <tr>
            <td><div id='id'></div></td>
            <td><div id='name'></div></td>
        <td><div id='cif'></div></td>
        <td><div id='fecha'></div></td>
           </tr>

    El caso es que solo me meustra el ultimo registro.
    Como podria hacerlo??

    Gracias

    • This topic was modified 1 semana, 3 dias by Jose Jesus Perez Rivas Jose Jesus Perez Rivas. Reason: Debes utilizar el botón que te permite publicar código en el foro

    • This topic was modified 1 semana, 3 dias by Jose Jesus Perez Rivas Jose Jesus Perez Rivas. Reason: Debes utilizar el botón que te permite publicar código en el foro
    Jose Jesus Perez Rivas
    Jose Jesus Perez Rivas 
    Keymaster

    Hola @lorenzo_martin,

    Es normal que sólo se imprima el último registro, estás creando 4 tr que contienen 4 columnas en las que estás repitiendo el id constantemente.

    Mi recomendación es que te crees en tu html un elemento 1.  "<table></table>" y que dentro de este elemento mediante JavaScript añadas 1.  "<tr><td>" + json[0].id + "</td>"....."</tr>" de forma dinámica. Esto con un simple bucle for o while lo tienes ;)

    Saludos!


    CEO y Director de desarrollo en Cero y Uno Desarrollamos Aplicaciones – ¿tienes algún proyecto? ¡trabajemos juntos! contacto@ceroyuno.eshttp://www.ceroyuno.es Fundador de PhoneGap Spain http://www.phonegapspain.com Twitter: https://twitter.com/JoseJ_PR


Viendo 2 respuestas - de la 1 a 2 (de 2 en total)

You must be logged in to reply to this topic.