AJAX - visualizar array de respuesta json en tabla de html

 
Vista:
Imágen de perfil de cristian

visualizar array de respuesta json en tabla de html

Publicado por cristian (11 intervenciones) el 10/05/2017 17:32:18
Buenas ,
estoy haciendo unos filtros de unos registros,donde me trae todos los registris entre fechas,lo hice utilizando ajax.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
$("#hasta").on('change', function () {
        var desde = $("#desde").val();
        var hasta = $("#hasta").val();
        //var codigo = $(this).attr("value");
 
        if (desde !== "" )
        {
            $.get(
                    "index.php?controller=site&action=getRegistros",
                    {
                        desde: desde,
                        hasta: hasta
                    },
                    function (resp) {
 
                        if (resp.success)
                        {
                            var resp_name = $.parseJSON(resp.name)
                           "aqui deberia enviar el array al html o hacerlo dinamicamente,pero no se comorecorrelo"
                        } else
                        {
 
                            (alertify.error('No hay registros entre esas fechas'));
                        }
 
                    },
                    "json"
                    );
        }
 
    });


me trae la respuesta asi

{"success":true,"name":"[{\"codigo_salida\":\"3\",\"fecha_salida\":\"2017-05-09\",\"descripcion\":\"nada dendad\",\"almacenista\":\"CRISTIAN CAMILO GARCIA\",\"id_autoriza\":\"4\",\"id_servicio\":\"303\",\"cedula\":\"1234\",\"cedula2\":\"1002731691\",\"id_tipo_elemento\":\"3\",\"id_peticion\":\"21\"},{\"codigo_salida\":\"4\",\"fecha_salida\":\"2017-05-10\",\"descripcion\":\"\",\"almacenista\":\"CRISTIAN CAMILO GARCIA\",\"id_autoriza\":\"6\",\"id_servicio\":\"207\",\"cedula\":\"1234\",\"cedula2\":\"1002731691\",\"id_tipo_elemento\":\"4\",\"id_peticion\":\"0\"},{\"codigo_salida\":\"5\",\"fecha_salida\":\"2017-05-10\",\"descripcion\":\"\",\"almacenista\":\"CRISTIAN CAMILO GARCIA\",\"id_autoriza\":\"6\",\"id_servicio\":\"207\",\"cedula\":\"1234\",\"cedula2\":\"1002731691\",\"id_tipo_elemento\":\"4\",\"id_peticion\":\"0\"},{\"codigo_salida\":\"6\",\"fecha_salida\":\"2017-05-10\",\"descripcion\":\"\",\"almacenista\":\"CRISTIAN CAMILO GARCIA\",\"id_autoriza\":\"6\",\"id_servicio\":\"207\",\"cedula\":\"1234\",\"cedula2\":\"1002731691\",\"id_tipo_elemento\":\"4\",\"id_peticion\":\"0\"},{\"codigo_salida\":\"7\",\"fecha_salida\":\"2017-05-10\",\"descripcion\":\"\",\"almacenista\":\"CRISTIAN CAMILO GARCIA\",\"id_autoriza\":\"6\",\"id_servicio\":\"207\",\"cedula\":\"1234\",\"cedula2\":\"1002731691\",\"id_tipo_elemento\":\"4\",\"id_peticion\":\"0\"},{\"codigo_salida\":\"8\",\"fecha_salida\":\"2017-05-10\",\"descripcion\":\"\",\"almacenista\":\"CRISTIAN CAMILO GARCIA\",\"id_autoriza\":\"6\",\"id_servicio\":\"207\",\"cedula\":\"1234\",\"cedula2\":\"1002731691\",\"id_tipo_elemento\":\"4\",\"id_peticion\":\"0\"},{\"codigo_salida\":\"9\",\"fecha_salida\":\"2017-05-10\",\"descripcion\":\"\",\"almacenista\":\"CRISTIAN CAMILO GARCIA\",\"id_autoriza\":\"8\",\"id_servicio\":\"207\",\"cedula\":\"12345\",\"cedula2\":\"0\",\"id_tipo_elemento\":\"3\",\"id_peticion\":\"0\"},{\"codigo_salida\":\"10\",\"fecha_salida\":\"2017-05-10\",\"descripcion\":\"\",\"almacenista\":\"CRISTIAN CAMILO GARCIA\",\"id_autoriza\":\"5\",\"id_servicio\":\"303\",\"cedula\":\"1234\",\"cedula2\":\"1002731691\",\"id_tipo_elemento\":\"4\",\"id_peticion\":\"0\"},{\"codigo_salida\":\"11\",\"fecha_salida\":\"2017-05-10\",\"descripcion\":\"\",\"almacenista\":\"CRISTIAN CAMILO GARCIA\",\"id_autoriza\":\"5\",\"id_servicio\":\"302\",\"cedula\":\"1234\",\"cedula2\":\"1002731691\",\"id_tipo_elemento\":\"1\",\"id_peticion\":\"0\"},{\"codigo_salida\":\"12\",\"fecha_salida\":\"2017-05-10\",\"descripcion\":\"\",\"almacenista\":\"CRISTIAN CAMILO GARCIA\",\"id_autoriza\":\"4\",\"id_servicio\":\"304\",\"cedula\":\"1234\",\"cedula2\":\"1002731691\",\"id_tipo_elemento\":\"4\",\"id_peticion\":\"0\"},{\"codigo_salida\":\"13\",\"fecha_salida\":\"2017-05-10\",\"descripcion\":\"\",\"almacenista\":\"CRISTIAN CAMILO GARCIA\",\"id_autoriza\":\"6\",\"id_servicio\":\"207\",\"cedula\":\"1234\",\"cedula2\":\"1002731691\",\"id_tipo_elemento\":\"1\",\"id_peticion\":\"0\"}]"}



cada linea termina en id de la peticion,como visualizo eso en una tabla?
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 90
Oro
Ha mantenido su posición en AJAX (en relación al último mes)
Gráfica de AJAX

visualizar array de respuesta json en tabla de html

Publicado por xve (222 intervenciones) el 10/05/2017 20:21:54
Hola Cristian, puedes hacer con un $.each... algo así:

1
2
3
4
5
6
7
8
9
<script>
 
var miJson={"success":true,"name":[{"codigo_salida":"3","fecha_salida":"2017-05-09","descripcion":"nada dendad","almacenista":"CRISTIAN CAMILO GARCIA","id_autoriza":"4","id_servicio":"303","cedula":"1234","cedula2":"1002731691","id_tipo_elemento":"3","id_peticion":"21"},{"codigo_salida":"4","fecha_salida":"2017-05-10","descripcion":"","almacenista":"CRISTIAN CAMILO GARCIA","id_autoriza":"6","id_servicio":"207","cedula":"1234","cedula2":"1002731691","id_tipo_elemento":"4","id_peticion":"0"},{"codigo_salida":"5","fecha_salida":"2017-05-10","descripcion":"","almacenista":"CRISTIAN CAMILO GARCIA","id_autoriza":"6","id_servicio":"207","cedula":"1234","cedula2":"1002731691","id_tipo_elemento":"4","id_peticion":"0"},{"codigo_salida":"6","fecha_salida":"2017-05-10","descripcion":"","almacenista":"CRISTIAN CAMILO GARCIA","id_autoriza":"6","id_servicio":"207","cedula":"1234","cedula2":"1002731691","id_tipo_elemento":"4","id_peticion":"0"},{"codigo_salida":"7","fecha_salida":"2017-05-10","descripcion":"","almacenista":"CRISTIAN CAMILO GARCIA","id_autoriza":"6","id_servicio":"207","cedula":"1234","cedula2":"1002731691","id_tipo_elemento":"4","id_peticion":"0"},{"codigo_salida":"8","fecha_salida":"2017-05-10","descripcion":"","almacenista":"CRISTIAN CAMILO GARCIA","id_autoriza":"6","id_servicio":"207","cedula":"1234","cedula2":"1002731691","id_tipo_elemento":"4","id_peticion":"0"},{"codigo_salida":"9","fecha_salida":"2017-05-10","descripcion":"","almacenista":"CRISTIAN CAMILO GARCIA","id_autoriza":"8","id_servicio":"207","cedula":"12345","cedula2":"0","id_tipo_elemento":"3","id_peticion":"0"},{"codigo_salida":"10","fecha_salida":"2017-05-10","descripcion":"","almacenista":"CRISTIAN CAMILO GARCIA","id_autoriza":"5","id_servicio":"303","cedula":"1234","cedula2":"1002731691","id_tipo_elemento":"4","id_peticion":"0"},{"codigo_salida":"11","fecha_salida":"2017-05-10","descripcion":"","almacenista":"CRISTIAN CAMILO GARCIA","id_autoriza":"5","id_servicio":"302","cedula":"1234","cedula2":"1002731691","id_tipo_elemento":"1","id_peticion":"0"},{"codigo_salida":"12","fecha_salida":"2017-05-10","descripcion":"","almacenista":"CRISTIAN CAMILO GARCIA","id_autoriza":"4","id_servicio":"304","cedula":"1234","cedula2":"1002731691","id_tipo_elemento":"4","id_peticion":"0"},{"codigo_salida":"13","fecha_salida":"2017-05-10","descripcion":"","almacenista":"CRISTIAN CAMILO GARCIA","id_autoriza":"6","id_servicio":"207","cedula":"1234","cedula2":"1002731691","id_tipo_elemento":"1","id_peticion":"0"}]
}
 
$.each(miJson.name, function(i,item){
	document.write("<br>"+miJson.name[i].fecha_salida);
})
</script>

Coméntanos si te sirve, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de cristian

visualizar array de respuesta json en tabla de html

Publicado por cristian (11 intervenciones) el 10/05/2017 21:04:36
lo hice con for


el problema es que no me coge el php interno

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var resp_name = $.parseJSON(resp.name)
var output="";
for (var i in resp_name)
{
//                output+="<td>" + resp_name[i].codigo_salida + ",  " + resp_name[i].fecha_salida +",  " + resp_name[i].descripcion + "</td>";
 
 
 
     output+="<tr><td>"+resp_name[i].codigo_salida+"</td>"+
       "<td class='hidden-xs'>"+ resp_name[i].fecha_salida +"</td>"+
       "<td id='nombre_parche' class=''><a href='#' data-toggle='tooltip' data-placement='top' title='Hooray!'><div id='cedula2'>"+ resp_name[i].cedula2+"</div></a></td>"+
     "<td> <?php if ((isset($_SESSION['tipo_usuario']) && $_SESSION['tipo_usuario'] == 'Super Usuario')) {?>"+
 
     "<a class='btnEliminarItem' id='codigo_salida-<?php echo $salida->codigo_salida;?>' href='·' type='button' data-toggle='modal' data-target='#myModal'><button type='button' class='glyphicon glyphicon-trash btn btn-danger'></button></a>"+
     "<a href='<?php echo $helper->url('salida','actualizar');?>&codigo_salida=<?php echo $salida->codigo_salida;?>&cedula2=<?php echo $salida->cedula2;?'><button type='button' class='glyphicon glyphicon-pencil btn btn-info'></button></a>"+
     "<?php }?>"+
     "<a href='<?php echo $helper->url('salida','views'); ?>&codigo_salida=<?php echo $salida->codigo_salida; ?>&cedula2=<?php echo $salida->cedula2; ?>&cedula_entrega=<?php echo $salida->cedula_entrega; ?>&id_autoriza=<?php echo $salida->id_autoriza; ?>&id_servicio=<?php echo $salida->id_servicio; ?>&id_tipo_elemento=<?php echo $salida->id_tipo_elemento; ?>'><button  type='button' class='glyphicon glyphicon-eye-open btn btn-success'></button></a>"+
     "</td></tr>" ;
 
}
 
 
$('#salida_allregistros').html(output);
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar