Buenas estoy intentando editar registros con un modal, la carga de datos la consigo, pero al hacer el AJAX siempre me recoge el mismo registro.
En la vista, muestro un datatable con los registros y un botón de editar
@foreach ($asociados as $usr)
<tr class="dato_tabla">
<td>
<div class="letr255">
@php
echo str_limit($usr->name, 1, "");
@endphp
@php
echo str_limit($usr->apellidos, 1, "");
@endphp
</div>
<div class="ayudaletr255">
{{ $usr->name }} {{ $usr->apellidos }} <br>
<span class="spanEmail">{{ $usr->email }}</span>
</div>
</td>
<td>{{ date('j M, Y', strtotime($usr->created_at ))}}</td>
<td>
<a href="" style="font-weight: 600;">{{ $usr->url }}</a>
</td>
<td class="center">
@if ($usr->estado == 0)
<span class="desactivado">Desactivado</span>
@else
<span class="activado">Activado</span>
@endif
</td>
<td class="center">
<a href="#editarInvitado{{ $usr->id }}" data-toggle="modal" data-target="#editarInvitado{{ $usr->id }}" id="{{ $usr->id }}"><i class="far fa-edit eye"></i></a>
<a href="javascript:void(0);" id="{{ $usr->id }}" class="borrar_invitado"><i class="far fa-trash-alt eye"></i></a>
</td>
</tr>
@include('modales.editar-Invitado')
@endforeach
El modal lo metro dentro del foreach, para que me repita uno por cada registro, y le pongo #editarInvitado{{ $usr->id }}
para que sean diferentes.
Ventana de modal
<div class="modal fade" id="editarInvitado{{ $usr->id }}" tabindex="-1" role="dialog" aria-labelledby="editarInvitadoLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="editarInvitadoLabel"><i class="fas fa-pencil-alt"></i> Editar invitado</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form enctype="multipart/form-data" class="formEditInvitado paddingForm">
@method('post')
@csrf
<div class="row">
<div class="col-12">
<div class="form-group">
<input type="text" class="form-control myinputs" name="nameUserUserEdit" id="nameUserUserEdit" value="{{ $usr->name }}" autocomplete="off" placeholder="Nombre" required>
</div>
<div class="form-group">
<input type="text" class="form-control myinputs" name="apellidosUserUserEdit" id="apellidosUserUserEdit" value="{{ $usr->apellidos }}" autocomplete="off" placeholder="Apellidos" required>
</div>
<div class="form-group">
<input type="email" class="form-control myinputs" name="emailUserUserEdit" id="emailUserUserEdit" value="{{ $usr->email }}" autocomplete="off" placeholder="Email (Usuario)" required>
</div>
<div class="form-group" style="margin-bottom: 0px;">
<input type="password" class="form-control myinputs" name="passwordlUserUserEdit" id="passwordlUserUserEdit" value="" autocomplete="off" placeholder="Contraseña*">
</div>
<small class="miSmall">*Dejar en blanco si no la quieres cambiar)</small>
<input type="hidden" value="{{ $usuario->id }}" id="idUsuarioEdit">
</div>
</div>
@if ($contarAsociados->total == 0)
<small>Te quedan <strong>2 usuarios</strong>, para que puedan visualizar tu panel.</small>
@elseif ($contarAsociados->total == 1)
<small>Te queda <strong>1 usuario</strong>, para que puedan visualizar tu panel.</small>
@endif
</div>
<div class="modal-footer">
<button type="button" class="btn btnCancelar" data-dismiss="modal">Cerrar</button>
<button type="submit" class="btn btnGuardar">Guardar</button>
</div>
</form>
</div>
</div>
</div>
El intento de AJAX con un console.log para saber si trae bien los datos
$("#editarInvitado{{ $usr->id }}").on("submit", ".formEditInvitado", function(a){
a.preventDefault();
var parametrosEdit= {
"nombre_invitado" : $("#nameUserUserEdit").val(),
"apellidos_invitado" : $("#apellidosUserUserEdit").val(),
"email_invitado" : $("#emailUserUserEdit").val(),
"password_invitado" : $("#passwordlUserUserEdit").val(),
"idUsuario" : $("#idUsuarioEdit").val()
};
console.log(parametrosEdit);
return false;
})
Pero me devuelve siempre los datos del primer registro.