tengo una tabla de registros donde tengo un boton para editar el registro, cada tiene una ID diferente dependiendo de cuantos datos estan en mi base de datos, lo que quiero hacer es que cuando se presione el boton para editar este me abra el modal y a su vez mande el id para que la estructura de mi modal pueda mostrarme los valores que corresponden a esa id:
HTML
Esta es la esctrutura de mi tabla
<table id="tabla" class="table">
<thead>
<tr>
<th class="text-center">Estudiante</th>
<th class="text-center">Cedula</th>
<th class="text-center">Carrera</th>
<th class="text-center">Seccion</th>
<th class="text-center">Trayecto</th>
<th class="text-center">Solicitud</th>
<th class="text-center">Fecha</th>
<th class="text-center">Status</th>
<th class="text-center">Acciones</th>
</tr>
</thead>
<tbody>
<?php
require 'includes/bd.inc.php';
$sql="SELECT * from solicitudes";
$result=mysqli_query($conn,$sql);
while($mostrar=mysqli_fetch_array($result)){
?>
<tr>
<td class="text-center"><?php echo $mostrar['estudiante']; ?></td>
<td class="text-center"><?php echo $mostrar['cedula']; ?></td>
<td class="text-center"><?php echo $mostrar['carrera']; ?></td>
<td class="text-center"><?php echo $mostrar['seccion']; ?></td>
<td class="text-center"><?php echo $mostrar['trayecto']; ?></td>
<td class="text-center"><?php echo $mostrar['solicitud']; ?></td>
<td class="text-center"><?php echo $mostrar['fecha']; ?></td>
<td class="text-center">
<?php
$status = $mostrar['estado'];
if ($status == 'Pendiente') {
echo '<div class="badge badge-warning">Pendiente</div>';
} else {
echo '<div class="badge badge-success">Completada</div>';
} ?>
</td>
<td class="text-center">
//AQUI ESTA EL BOTON DE EDITAR DONDE LLAMO A LA MODAL A PANTALLA
<div>
<a data-toggle="modal" data-target="#modaleditar">
<button class="btn btn-warning btn-sm" data-toggle="tooltip" data-placement="left" title="Modificar Solicitud"><i class="pe-7s-note"></i></button>
</a>
</div>
//HASTA AQUI ESTA EL BOTON DE EDITAR DONDE LLAMO A LA MODAL A PANTALLA
<div>
<form action="includes/eliminarsolicitud.inc.php" method="post">
<input type="hidden" name="ids" value="<?php echo $mostrar['ids']; ?>">
<button class="btn btn-danger" type="submit" name="submite" data-toggle="tooltip" data-placement="left" title="Eliminar Solicitud" onclick="return confirm('¿Esta seguro que quiere Eliminar la Solicitud?');"><i class="pe-7s-trash"></i>
</button>
</form>
</div>
</td>
</tr>
<?php } ?>
</tbody>
</table>
Y esta es la estructura de mi Modal
<div class="modal fade" id="modaleditar" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Editar Solicitud</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<?php
$ids = $mostrar['ids'];
include ("includes/bd.inc.php");
$sql="SELECT * from solicitudes WHERE ids='$ids'";
$result=mysqli_query($conn,$sql);
$mostrar=mysqli_fetch_array($result); ?>
<form class="needs-validation" action="includes/mod.solicitud.inc.php?=<?php echo $mostrar['ids']; ?>" method="post" novalidate>
<div class="modal-body">
<div class="form-row">
<div class="col-md-8 mb-3">
<input type="hidden" name="ids" value="<?php echo $mostrar['ids']; ?>">
<label for="estudiante">Nombre y Apellido</label>
<input type="text" class="form-control" id="estudiante" name='estudiante' placeholder="Nombre y Apellido" value="<?php echo $mostrar['estudiante']; ?>"
onkeypress="return ((event.charCode >= 65 && event.charCode <= 90) || (event.charCode >= 97 && event.charCode <= 122) || (event.charCode == 32))"
maxlength="15"
required>
<div class="invalid-feedback">
Debe rellenar este campo.
</div>
<div class="valid-feedback">
Listo.
</div>
</div>
<div class="col-md-4 mb-3">
<label for="cedula">Cedula</label>
<input type="text" class="form-control" id="cedula" name="cedula" placeholder="Cedula" value="<?php echo $mostrar['cedula']; ?>"
onkeydown="javascript: return event.keyCode === 8 || event.keyCode === 46 ? true : !isNaN(Number(event.key))"
maxlength="8" required>
<div class="invalid-feedback">
Debe rellenar este campo.
</div>
<div class="valid-feedback">
Listo.
</div>
</div>
</div>
<div class="form-row">
<div class="col-md-4 mb-3">
<label for="carrera">Carrera</label>
<select id="carrera" name="carrera" class="form-control">
<option value="<?php echo $mostrar['carrera'];?>"><?php echo $mostrar['carrera']; ?></option>
<option value="Informatica">Informatica</option>
<option value="Electricidad">Electricidad</option>
<option value="Mecánica">Mecánica</option>
<option value="Calidad y Ambiente">Calidad y Ambiente</option>
<option value="Geociencias">Geociencias</option>
</select>
</div>
<div class="col-md-4 mb-3">
<label for="seccion">Seccion</label>
<input type="text" class="form-control" id="seccion" name="seccion" placeholder="Seccion" value="<?php echo $mostrar['seccion']; ?>" required>
<div class="invalid-feedback">
Debe llenar este campo.
</div>
<div class="valid-feedback">
Listo.
</div>
</div>
<div class="col-md-4 mb-3">
<label for="trayecto">Trayecto</label>
<input type="text" class="form-control" id="trayecto" name="trayecto" placeholder="Trayecto" value="<?php echo $mostrar['trayecto']; ?>" required>
<div class="invalid-feedback">
Debe llenar este campo.
</div>
<div class="valid-feedback">
Listo.
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
<button type="submit" name="modificar" class="btn btn-primary">Realizar Formulario</button>
</div>
</form>
<script type="text/javascript" src="./assets/scripts/validarformularios.js"></script>
</div>
</div>
Ultimamente he utilizado varias formas para lograr esto, y hasta los momentos lo que mas o menos me ha funcionado fue mandando el id por el "Data-target", y a su vez colocando en la id de mi modal la misma estructura, pero solamente me da para modificar el primer valor en mi tabla
Y he leido en varios foros que es posible hacer esto con AJAX, pero no entiendo mucho como utilizarlo, y de ser así, agradeceria mucho que me explicaran un poco como funciona
Les agradeceré mucho la ayuda
PHP
se va a ejecutar 1 vez, ya luego debes usarJavascript
para llenar los datos del modal. Si ya tienes todos los datos cargados en la tabla no necesitas AJAX; porque puedes obtener todos los datos de la tabla HTML.