Estoy intentando crear un modal
que registre a una persona con su número de celular, lo quiero hacer con Ajax para que no me recargue la página ya que mas adelante habrá un select
que se alimentará en simultáneo con la info de la base de datos.
Esto es lo que tengo:
Ruta
Route::post('turnos/addDeliveryModal', [App\Http\Controllers\TurnoController::class, 'addDeliveryModal'])->name('turnos.addDeliveryModal');
Controlador
public function addDeliveryModal(Request $request){
$delivery = New Delivery();
$delivery->nombDelivery = $request->nombDelivery;
$delivery->celDelivery = $request->celDelivery;
$delivery->save();
return response()->json($delivery);
}
Formulario modal
<form method="POST" id="addDeliveryModal">
@csrf
<div class="modal-body">
<div class="form-group">
<label class="form-control-label">Nombre del Delivery</label>
<input type="text" name="nombDelivery" class="form-control form-control-alternative" required>
</div>
<div class="form-group">
<label class="form-control-label">Telefono o Celular</label>
<input type="text" name="celDelivery" class="form-control form-control-alternative" required>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-success">Guardar</button>
<button type="button" class="btn btn-danger ml-auto" data-dismiss="modal">Cerrar</button>
</div>
</form>
Ajax
$("#addDeliveryModal").submit(function(e){
e.preventDefault();
let nombDelivery = $("#nombDelivery").val();
let celDelivery = $("#celDelivery").val();
let _token = $("input[name=_token]").val();
$.ajax({
url: "{{route('turnos.addDeliveryModal')}}",
type: "POST",
data:{
nombDelivery:nombDelivery,
celDelivery:celDelivery,
_token:_token
},
success:function(response)
{
if(response){
console.log("hola");
}else{
console.log("hola2");
}
}
});
});
Screenshot del error que me bota
El problema esta en que con lo que yo tengo hasta ahora me bota el error que esta en la última imagen, aun soy nuevo en esto espero me puedan echar una mano. Los leo...
php artisan route:cache
php artisan r:l --method=post --compact