Necesito mostrar varios registros que hago a una BD pero hacerlo con ajax. Les explico como funciona el sistema en el que trabajo.
La primera pagina lista una tabla empleados junto con otra llamada nomina para relacionar cada registro con un monto correspondiente a una nomina de un mes, coloco lo mas esencial del codigo:
<tbody>
<?php
$sql = "SELECT * FROM empleados INNER JOIN nomina ON nomina.codigoRac=empleados.codigoRac";
$query = $conn->query($sql);
while($row = $query->fetch_assoc()){
?>
<tr>
<td><?php echo $row['codigoRac']; ?></td>
<td><?php echo $row['nombre']; ?></td>
<td><?php echo $row['apellido']; ?></td>
<td><?php echo $row['mes']; ?></td>
<td><?php echo $row['ano']; ?></td>
<td><?php echo $row['total']; ?></td>
<td>
<button class="btn btn-primary btn-sm view btn-flat" data-id="<?php echo $row['codigoRac']; ?>"><i class="fa fa-search"></i></button>
</td>
</tr>
<?php
}
?>
</tbody>
Cada button tiene su data-id con el codigoRac.
Con esta función muestro el formulario:
$(function(){
$('#example1 tbody').on('click','.view', function(e){
e.preventDefault();
$('#view').modal('show');
var id = $(this).data('id');
getRow(id);
});
});
<div class="modal fade" id="view">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span></button>
<h4 class="modal-title"><b>Lista de Asignaciones</b></h4>
</div>
<div class="modal-body">
<div class="form-group">
<label for="id" class="col-sm-3 control-label">Asignación</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="asignacion">
</div>
</div>
<div class="form-group">
<label for="concepto" class="col-sm-3 control-label">Monto</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="monto">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default btn-flat pull-left" data-dismiss="modal"><i class="fa fa-close"></i> Cerrar</button>
<button type="submit" class="btn btn-primary btn-flat" name="add"><i class="fa fa-save"></i> Guardar</button>
</div>
</div>
</div>
</div>
Los valores que se muestran en el formulario me los traigo con AJAX asi:
function getRow(id){
$.ajax({
type: 'POST',
url: 'payroll_row.php',
data: {id:id},
dataType: 'json',
success: function(response){
$('#asignacion').val(response.asignacionId);
$('#monto').val(response.monto);
}
});
}
Mediante esta consulta:
<?php
include 'includes/session.php';
if(isset($_POST['id'])){
$id = $_POST['id'];
$sql = "SELECT * FROM asigna_empleado WHERE codigoRac = '$id'";
$query = $conn->query($sql);
$row = $query->fetch_assoc();
echo json_encode($row);
}?>
Aclaro:
Tengo una tabla empleados con datos básicos; codigoRac(llave primaria)nombre, apellido, etc... Otra tabla con asignaciones, que tiene asignacionId, concepto, valor Otra tabla que seria una relacion entre ambas, que posee codigoRac, asignacionId, mes, ano y monto.
En esta ultima tabla habrán varios registros del mismo empleado pero con diferente asignacionId y monto, con el codigo que uso ajax funciona para un solo registro, donde muestro cada parte del arreglo en un input, pero necesito que haga lo mismo para varios registros.