Todavía soy un principiante con Laravel. Quería hacer la pregunta habitual "¿estás seguro de que quieres eliminar esto?" como una pregunta modal. Estoy tratando de hacerlo con JS, y tengo la siguiente función que encontré en este mismo sitio web.
function confirmClick(){ let url = "{{route('comics.destroy', ':id') }}"; url = url.replace(':id', idComic); window.location.href = url; };Pero cuando uso esto, lo que obtengo es la ruta del espectáculo. Esto es lo que tengo en mi controlador
public function destroy($id) { $comic = Comic::findOrFail($id); $comic->delete(); return redirect()->route('comics.index'); }y el html
<div class="hidden" id="deleteModal"> <h2>Sei sicuro di volerlo eliminare?</h2> <button type="submit" class="btn btn-danger" id="yesBtn">Sì</button> <button type="submit" class="btn btn-info" id="noBtn">No</button> </div>¿Tengo que agregar de alguna manera un método y el token? En caso de que tenga que hacerlo, ¿cómo hago esto? Lo siento si esto puede parecer confuso, pero proviene de una mente realmente confundida en este momento jajaja
Le sugiero que use un enfoque diferente, principalmente porque la ruta predeterminada de Laravel para DELETE requiere un POST.
Este es un código que uso muy a menudo. Tiene un formulario con el método y el token, y un botón con una clase "deletebutton".
Si hace clic en el botón, activa la "confirmación" de esta biblioteca https://bootstrap-confirmation.js.org/ . Puede usar otra biblioteca o usar su propia implementación que devuelve un valor verdadero/falso para evaluar y luego decidir si envía el formulario o no.
si el usuario confirma, busca el formulario y luego activa el "enviar"
<form class="form_delete" action="/record/{{ $record->id }}" method="POST"> {{ csrf_field() }} {{ method_field('DELETE') }} <button type="button" class="btn btn-sm btn-danger deletebutton"><i class="fa fa-trash"></i> </button> </form> <script> $(document).ready(function () { $('.deletebutton').confirmation({ rootSelector: this, container: 'body', popout: true, placement: 'top', singleton: true, onCancel: function () { }, onConfirm: function (value) { var myform = $(this).closest(".form_delete"); myform.submit(); } }); }); </script>