mi problema es que tengo una pagina con varios form
a los cuales pretendo hacerle peticiones ajax para que no recargue la pagina, pero me la recarga y no se cual es el motivo, he invetigado y he tratado de varias formas, pero ninguna me resulta, este es mi codigo:
$(document).on('ready',function(){
// function enviar(){
$('#btn_predio').submit(function(event) {
alert('entro a la funcion');
event.preventDefault();
// var url = //$(this).attr('action');
var datos = $(this).serialize();
var url = "../../controller/radication_controller.php";
$.ajax({
cache: false,
type: "POST",
url: url,
data: datos,
success: function(data)
{
$('#btn_predio').reset();
alert(data);
}
});
// return false;
});
// }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<form name="frPredio" id="frPredio" method="post">
<div class="col-lg-12 form-group"></div>
<div class="col-lg-12 input-group">
<div class="col-lg-6 input-group">
<label for="dirActual" class="col-form-label col-lg-5">Dirección (Actual)</label>
<input type="text" name="dirActual" class="form-control col-lg-7">
</div>
<div class="col-lg-6 input-group">
<label for="BarrioActual" class="col-form-label col-lg-5">Barrio (Actual)</label>
<input type="text" name="BarrioActual" class="form-control col-lg-7">
</div>
</div>
<div class="col-lg-12 input-group" >
<div class="col-lg-5"></div>
<button type="button" name="btn_predio" id="btn_predio" value="predio" class=" btn btn-danger agregar col-lg-2" >
<span class="fa fa-floppy-o"></span> Guardar
</button>
</div>
</form>
en el success del ajax tengo un alert que se supone debe detener el flujo de jecucion, pero lo ignora y me recarga la pagina.
he intentado varias cosas, pero nada funciona. agradezco la ayuda que me brinden
method
del formulario?