El objetivo de esta práctica consiste en que el usuario debe introducir los datos en un pequeño formulario, el cual desde desde JavaScript utilizando ajax, cogerá y los enviará al archivo php el cual se encarga de realizarla conexión con la base de datos de MySQL (en mi caso con XAMPP) y insertarlos en su respectiva tabla. El problema está en que cuando relleno los datos y los envío, no se introducen en la base de datos ni tampoco me dice nada por consola, entonces quería saber como solucionar el fallo. Gracias de antemano.
Código HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form method="POST" id="info">
<p>Nombre:</p>
<input type="name" name="nombre" id="nombre">
<p>Correo:</p>
<input type="email" name="correo" id="correo">
<p>Tlf:</p>
<input type="tel" name="tlf" id="tlf">
<br><br>
<input type="submit" id="enviar" value="Enviar">
</form>
<script src="conexion.js"></script>
</body>
</html>
Código JavaScript (JQuery):
$( document )
.ready( function ( ) {
$( "#enviar" )
.click( function ( ) {
$.ajax( {
url: "insertar.php",
method: "POST",
headers: {
'Access-Control-Allow-Origin': '*'
},
data: $( "#info" ).serialize( ),
success: function ( respuesta ) {
alert( "Perfecto, los datos se han enviado correctamente!" );
}
} );
} );
} );
Código PHP:
<?php
$servidor = "localhost";
$usuario = "root";
$contra = "";
$db = "formulario";
$conexion = mysqli_connect($servidor,$usuario,$contra,$db);
if(mysqli_connect_errno()){
echo "Error en la conexión";
exit();
}
echo "Conexión establecida correctamente.";
$nombre = $_POST['nombre'];
$correo = $_POST['correo'];
$tlf = $_POST['tlf'];
$sql = "INSERT into usuarios (nombre,correo,tlf) values ('$nombre','$correo','$tlf')";
echo mysqli_query($conexion,$sql);
?>
Access-Control-Allow-Origin
es una cabecera de respuesta, no tiene ningún sentido enviarla al servidor en la petición)headers: {'Access-Control-Allow-Origin': '*' },
me salta el error del CORS, y segundo, no me muestra ningún mensaje al ejecutarse, por lo que no se donde puede estar el problema.insertar.php
lo que da a entender que es el mismo dominio), y el que elige que dominios permitir y que dominios no es el servidor, no el cliente. Si el cliente lo eligiera, no tendría ningún sentido, porque entonces el cliente podría elegir consultar cualquier dominio y ya.ini_set('display_errors', 1); ini_set('display_startup_errors', 1); error_reporting(E_ALL);
http error 405
y por consola me muestra:crbug/1173575, non-JS module files deprecated
. Pero cuando lo abro en local, sin ningún live server, no me muestra nada.