Quantcast
Channel: Enviar formulario por AJAX $.post en mi aplicación web - Stack Overflow en español
Viewing all articles
Browse latest Browse all 2

Enviar formulario por AJAX $.post en mi aplicación web

$
0
0

Tengo una aplicacion en la que cargo en un div mediante jQuery AJAX un php llamado registroVehiculo.php donde tengo un formulario.

En mi funciones.js tengo el jQuery que funciona bien, me recarga el div con el php, pero me viene el problema en lo siguiente.

Tengo mi formulario cargado en el div, y tengo la siguiente funcion para cuando el usuario haga click en el boton submit, en vez de llevarme al registrarVehiculo.php, haga la consulta y me retorne a un span de debajo del formulario un "Vehiculo Registrado" o "Error al registrar".La cosa es que no me frena y me envia a la página de registrarVehiculo.php. El php se recarga dentro de un div con class='recargar'

$(document).ready(function () {$("input[type=submit]").click(function (evt) {    evt.preventDefault();    var matricula = $('#matricula').val();    var marca = $('#marca').val();    var modelo = $('#modelo').val();    var potencia = $('#potencia').val();    var año = $('#año').val();    var combustible = $('#combustible').val();    $.post("registrarVehiculo.php", {        matricula: matricula,        marca: marca,        modelo: modelo,        potencia: potencia,        año: año,        combustible: combustible,    }, function (respuesta) {        $('#info').text(respuesta);    });});

});

El codigo de registrarVehiculo.php

<?php

session_start();require("variables.php");echo "";

//Comprobar id de usuario$query = "select id from usuarios where usuario = '$_SESSION[usuario]'";$resultado = mysqli_query($conexion, $query);$fila = mysqli_fetch_array($resultado);if(isset($_POST['enviar'])){    $id_matricula = $_POST['matricula'];    $marca = $_POST['marca'];    $modelo = $_POST['modelo'];    $potencia = $_POST['potencia'];    $combustible = $_POST['combustible'];    $año = $_POST['año'];    $query = "insert into vehiculos (id_matricula, marca, modelo, combustible, potencia, año, usuario) values ('$id_matricula', '$marca', '$modelo', '$combustible', $potencia, $año, '$fila[id]')";    $resultado = mysqli_query($conexion, $query);}else{echo "<form action='registrarVehiculo.php' method='POST'><label class='label'>Matrícula</label><br/><input class='input' type='text'  name='matricula' id='matricula' placeholder='0000AAA' maxlength='7' require></br><br/><label class='label'>Marca</label><br/><input class='input' type='text' name='marca' id='marca' placeholder='Ford' require><br/><br/><label class='label'>Modelo</label><br/><input class='input' type='text' name='modelo' id='modelo' placeholder='Mondeo'require><br/><br/><label class='label'>Potencia</label><br/><input class='input' type='number' name='potencia' id='potencia' placeholder='150' min='40' max='999' size='3'><br/><br/><label class='label'>Año</label><br/><input class='input' type='number' name='año' id='año' placeholder='2020' min='1930' max='2021' size='4'><br/><br/><label class='label'>Combustible</label><br/><select name='combustible' id='combustible' class='combustible'><option value='Diesel'>Diesel</option><option value='Gasolina'>Gasolina</option><option value='Electrico'>Eléctrico</option></select><br/><br/><input id='enviar' type='submit' name='enviar' value='Registrar Vehiculo'><br/><br/>           </form><div id='info'></div>";}

?>


Viewing all articles
Browse latest Browse all 2

Latest Images

Trending Articles





Latest Images