Bien, lo mando a llamar mediante ajax:
Código Javascript
:
Ver original$(function(){
$('body').on('click', '#ListaDeUsuarios a', function(event) {
event.preventDefault();
var id_user = $(this).attr('data-editUser');
$.ajax({
url: 'private/ajax/editUser.inc.php',
type: 'POST',
dataType: 'json',
data: 'action=EditUser&id_user=' + id_user,
cache: false
})
.done(function(response) {
if (response.result == true) {
$('#editUserName').val(response.datos.name);
$('#editUserLastname').val(response.datos.lastname);
$('#editUserRank').val(response.datos.rank);
$('#editUserAdmin').val(response.datos.admin);
$('#editUserStat').val(response.datos.status);
$('#editUserImg').val(response.datos.img);
$('#modalEditUser').modal('show');
} else {
alert(response.mensaje);
}
})
.fail(function() {
alert('Error general del sistema, recargue e intente de nuevo')
});
});
});
Y quiero que haga el UPDATE al llenar los campos de este formulario (que es el que se activa en la modal):
Código HTML:
<div class="modal fade" id="modalEditUser" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Edición de usuario</h4>
</div>
<div class="modal-body">
<form id="formEditUser" role="form" action="#" method="POST">
<div class="form-group">
<label for="editUserName">Nombre</label>
<input type="text" name="editUserName" id="editUserName" class="form-control" placeHolder="Nombre a editar">
</div>
<div class="form-group">
<label for="editUserLastname">Apellido</label>
<input type="text" name="editUserLastname" id="editUserLastname" class="form-control" placeHolder="Apellido a editar">
</div>
<div class="form-group">
<label for="editUserRank">Rango</label>
<select name="editUserRank" id="editUserRank" class="form-control">
<option value="0">Nuevo</option>
<option value="1">Novato</option>
<option value="2">Compañero</option>
<option value="3">Maestro</option>
</select>
</div>
<div class="form-group">
<label for="editUserAdmin">Administrador</label>
<select name="editUserAdmin" id="editUserAdmin" class="form-control">
<option value="0">No</option>
<option value="1">Sí</option>
</select>
</div>
<div class="form-group">
<label for="editUserStat">Estatus</label>
<select name="editUserStat" id="editUserStat" class="form-control">
<option value="0">Inactivo</option>
<option value="1">Activo</option>
</select>
</div>
<div class="form-group">
<label for="editUserImg">Fotografía</label>
<input type="url" name="editUserImg" id="editUserImg" class="form-control" placeHolder="URL directo de la foto">
</div>
</div>
<div class="modal-footer">
<button type="button" data-dismiss="modal">Cerrar</button>
<input type="submit" class="primary" value="Actualizar">
</form>
</div>
</div>
</div>
</div>
</div>
Ya me extrae los datos, pero no sé cómo ejecutar el query para que me haga la edición al cambiar algo de la información extraída.
¿Me di a entender?