Skip to main content
se eliminaron 18 caracteres en el cuerpo
Origen Enlace
Jorge
  • 25
  • 1
  • 7

En mi funciones.js tengo el jQuery que funciona bien, donde me recarga el div con los diferentesel 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. elEl php se recarga dentro de un div con class='recargar'

En mi funciones.js tengo el jQuery que funciona bien, donde me recarga el div con los diferentes 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'

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'

Origen Enlace
Jorge
  • 25
  • 1
  • 7

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

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, donde me recarga el div con los diferentes 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>";
}

?>