estoy usando laravel y tengo un formulario que al enviarse quiero que cargue contenido con ajax y que se matenga parte de mi pagina y no me redireccione directamente a la ruta que tiene el action, trate de hacerlo como otras funciones de click que ya tenia pero solo me bota el json de mi controlador al enviar el formulario
<div class="card">
<h5 class="card-header">Agregar Region</h5>
<div class="card-body">
<p class="cart-text">
<div class="table-responsive">
<form id="formulario-agregar-region" action="{{route('Rstore')}}" method="POST" enctype="multipart/form-data">
@csrf
<label for="">Nombre</label>
<input type="text" name="nombre" class="form control" required>
<br></br>
<label for="">Descripcion</label>
<input type="text" name="descripcion" class="form control" value="...">
<br></br>
<label for="">Otros</label>
<input type="text" name="otros" class="form control" value="...">
<br></br>
<a href="" class="btn btn-info" id="volver-index" data-url-Avolver="{{route('regiones')}}">
<span class="fa fa-solid fa-undo-alt"></span>Regresar</a>
<button id="agregar-region-btn" class="btn btn-primary">Agregar
<span class="fa fa-solid fa-user-plus"></span>
</button>
</form>
</div>
</p>
</div>
'en mi js tengo `
contenidoDinamico.addEventListener("click", function (event) {
if (event.target.id === "agregar-region-btn") {
event.preventDefault();
fetch(this.action, {
method: this.method,
body: new FormData(this)
})
.then((response) => response.json())
.then((data) => {
contenidoDinamico.innerHTML = data;
})
.catch((error) => {
console.error("Error:", error);
});
}
});
contenido dimamico es una variable que modifca un div en mi pagina princial`
contenidoDinamico
? Probablemente te falte unpreventDefault
para que el formulario no se envíe por default y solo ejecute ese js developer.mozilla.org/es/docs/Web/API/Event/preventDefault