[SOLUCIONADO] Llamada AJAX y mostrar datos desde array php + mysql

ivo · #1 (**permalink**) 10/04/2017, 10:36

Hola a todos!
Consulto lo siguiente:
Tengo un array que traigo desde una DDBB donde pretendo mostrar otra data en un DIV al hacer click en cada resultado.
Los resultados los veo perfecto, pero al hacer click en ellos, solo muestra los datos del primero en el DIV.
Aqui dejo el codigo.
Alguna sugerencia?
Muchas gracias de antemano.

Código PHP:

Ver original<head>
 
<?php 
 
include ("includes/conexion.php");
?>
 
<script src="js/jquery2.0.3.min.js"></script>
 
<script type="text/javascript">
 
$(document).ready(function(){
 
       $("#ped-pendiente").click(function(){ 
 
             var idpedido = $("#idpedido").val();
 
             $.ajax({
                 type: "GET",
                 url: "traf-detallespedido.php?idped="+ idpedido, 
                 success: function(data){
                              $("#detallesdepedido") .html(data) 
                 },
                error: function(data){
                            $("#detallesdepedido") .html(data) 
               }
            }); 
});
});
 
 
</script>
 
</head>
<body>
<div>
<?php
 
$resultPendientes = mysql_query("SELECT pedidos.id_pedido, pedidos.id_pedido_trafico, pedidos.id_cliente, pedidos.id_sucursal, pedidos.id_interno, pedidos.solicitante, pedidos.numref, pedidos.fechallamado, pedidos.horallamado, pedidos.fechaservicio, pedidos.horaservicio, pedidos.demora, pedidos.pedido_descripcion, pedidos.tiposervicio, pedidos.direccion, pedidos.telefono, pedidos.localidad, pedidos.estado, clientes.razonsocial
                  FROM pedidos
                  INNER JOIN clientes ON clientes.id_cliente = pedidos.id_cliente
                  WHERE pedidos.estado = 'PENDIENTE' ORDER BY pedidos.id_pedido DESC  
                  "); 
         if ($rowPendientes = mysql_fetch_array($resultPendientes)){ 
         do { 
         
 
 
         echo '<a id="ped-pendiente" style="cursor:pointer;">';
         echo '<strong>N&ordm;</strong><input type="hidden" value="'.$rowPendientes["id_pedido_trafico"].'" id="idpedido">'.$rowPendientes["id_pedido_trafico"].'<br>';
         echo '<strong>Hora:</strong> '.$rowPendientes["horaservicio"].'<br>';
         echo '<strong>Cliente:</strong> '.$rowPendientes["id_cliente"].' - '.$rowPendientes["razonsocial"].'<br>';
         echo '<strong>Direcci&oacute;n:</strong> '.$rowPendientes["direccion"].'<br>';   
         echo '<strong>Solicitante:</strong> '.$rowPendientes["solicitante"].'<br>';
         echo '</a>';
 
         }
         while ($rowPendientes = mysql_fetch_array($resultPendientes)); 
         } else { 
         echo 'No hay Pedidos Pendientes.'; 
         }
 
?>
 
</div>
 
<div id="detallesdepedido">
 
</div>
</body>

xerifandtomas · #2 (**permalink**) 10/04/2017, 12:28

Los id en html deben ser únicos, no puede haber más de un elemento con el mismo id, debes utilizar clases.

ivo · #3 (**permalink**) 11/04/2017, 12:16

Cita:

Iniciado por xerifandtomas

Los id en html deben ser únicos, no puede haber más de un elemento con el mismo id, debes utilizar clases.

Perfectoo!! Muchas gracias por el dato! Fue fundamental!