Skip to main content
se añadieron 1386 caracteres en el cuerpo
Origen Enlace
A. Cedano
  • 95.2k
  • 31
  • 145
  • 257

En el código Javascript tienes el hide fuera de bloque, lo cual producirá error. Ese bloque podría quedar así:

    <script>
        $('#formulario').submit(function(event) {
        // Obtenemos todos los datos
            var parametros = $(this).serialize();
            $.ajax({
        // Lo enviamos mediante POST
            type: "POST",
        // A la URL
            url: "guardar.php",
        // Le pasamos los datos del formulario
            data: parametros,
            success: function(data) {
    // Abrimos el modal
            $("#mymodal").modal("show");
        // Mostramos el resultado de la URL
            $('#resultado').html(data);
        // Reseteamos el formulario
            document.getElementById("formulario").reset();
            $("#mymodal").modal("hide");

        }
        });

    // Prevenimos que el botón submit recargue la página
        event.preventDefault();
    });
        </script>

Además no estás usando el formulario para serializar los elementos, porque ahí this representa el botón, no el formulario. deberías crear la variable parametros así:

            var parametros = $("#formulario").serialize();

En cuanto al código PHP, le falta algunos controles y hay cosas de más.

Prueba el código de esta manera. Si hay algún error lo dirá:

Prueba el código de esta manera. Si hay algún error lo dirá:

En el código Javascript tienes el hide fuera de bloque, lo cual producirá error. Ese bloque podría quedar así:

    <script>
        $('#formulario').submit(function(event) {
        // Obtenemos todos los datos
            var parametros = $(this).serialize();
            $.ajax({
        // Lo enviamos mediante POST
            type: "POST",
        // A la URL
            url: "guardar.php",
        // Le pasamos los datos del formulario
            data: parametros,
            success: function(data) {
    // Abrimos el modal
            $("#mymodal").modal("show");
        // Mostramos el resultado de la URL
            $('#resultado').html(data);
        // Reseteamos el formulario
            document.getElementById("formulario").reset();
            $("#mymodal").modal("hide");

        }
        });

    // Prevenimos que el botón submit recargue la página
        event.preventDefault();
    });
        </script>

Además no estás usando el formulario para serializar los elementos, porque ahí this representa el botón, no el formulario. deberías crear la variable parametros así:

            var parametros = $("#formulario").serialize();

En cuanto al código PHP, le falta algunos controles y hay cosas de más.

Prueba el código de esta manera. Si hay algún error lo dirá:

Origen Enlace
A. Cedano
  • 95.2k
  • 31
  • 145
  • 257

Prueba el código de esta manera. Si hay algún error lo dirá:

<?php
    //conectamos Con el servidor
    $host="localhost";
    $user="root";
    $pass="";
    $db="prueba";
    
    $con = mysqli_connect($host,$user,$pass,$db) or die ("Problemas al conectar");
    
    //recuperar las variables
    $nombre=!empty($_POST['nombre']) ? $_POST['nombre'] : NULL;
    $checks=!empty($_POST['checks']) ? $_POST['checks'] : NULL;
    
    if ($nombre && $checks) {
        //Hacer secuencia sql
        $sql="INSERT INTO datos (nombre, checks) VALUES ('{$nombre}','{$checks}')";
    
        //ejecutamos la sentencia de sql y verificamos al mismo tiempo
        if ( $ejecutar=mysqli_query($con,$sql) ) {
            $msg="Datos Guardados Correctamente<br><a href='index.html'>Volver</a>";
        }else{
            $msg="Hubo Algun Error {msyqli_error($con)}";
        }
    }else{
        $msg="No se mandaron los datos desde el formulario";
    }
    echo $msg;
?>