Comencemos con mi archivo llamado "registrarse_test.php"
<?php
include_once 'header.php'
?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(function() {
$(document).on('click', '#enviar-btn', function (e) {
e.preventDefault();
var obj = {
'first': $('#first').val().trim(),
'nick': $('#nick').val().trim(),
'pwd': $('#pwd').val().trim(),
};
$.ajax({
url: 'back_registrarse.php',
method: 'POST',
data: obj,
success: function ( respuesta ){
alert( respuesta.mensaje );
},
error: function( e, err, error ){
//Añadimos un nodo de error, por si pasa algo en el servidor, esto lo vamos a ver en la consola de depuración
console.log(e, err, error);
}
})
});
})
</script>
<div class="main-wrapper">
<div id="register_form">
<?php //<form class="signup-form" action="back_registrarse.php" method="POST"> ?>
<form id="registro-form" class="signup-form" method="POST">
<h2>Registrarse</h2>
<input id="first" type="text" name="first" placeholder="Nombre" required>
<input id="nick" type="text" name="nick" placeholder="nick" required>
<input id="pwd" type="password" name="pwd" placeholder="Password" required>
<button id="enviar-btn" type="submit" name="submit" value="registrar">
Registrarme
</button>
</form>
</div>
<?php
include_once'footer.php';
?>
luego tenemos aquí el "back_registrarse.php" que invoque arriba
<?php
session_start();
include_once 'conexion.php';
//Declaramos un arreglo que será nuestro retorno
$respuesta = array();
//Primero hay que validar que las variables existan
//La superglobal $_REQUEST responde a los verbos GET y POST
if( empty( $_REQUEST['first'] ) || empty( $_REQUEST['pwd'] ) || empty( $_REQUEST['nick'] ) ){
$respuesta['mensaje'] = 'Usuario y/o password vacío';
}
else{
//Guardamos y limpiamos las variables
$first= mysqli_real_escape_string($conn, $_REQUEST ['first']);
$pwd= mysqli_real_escape_string($conn, $_REQUEST ['pwd']);
$nick= mysqli_real_escape_string($conn, $_REQUEST ['nick']);
$date = date("Y-m-d");
//Creamos el SQL, no siempre funciona agregando así las variables, yo recomiendo concatenar
$sql = "INSERT INTO Usuario (nombre, fecha_creacion, password, nick) VALUES ('$first','$date', '$pwd', '$nick')";
//Validamos que la consulta esté bien hecha
if( !$result = mysqli_query ($conn, $sql) ){
$respuesta['mensaje'] = 'Tronó la consulta';
}
else{
//Aquí asignamos nuestro arreglo, assoc o array te sirven
$respuesta['mensaje'] = 'funko el registro';
mysqli_free_result($result);
mysqli_close( $conn );
}
}
//Ahora si, retornamos nuestra respuesta con formato y encabezado JSON
header('Content-Type: application/json');
echo json_encode($respuesta);
?>
EDIT
Siempre me topo con el mensaje de 'Tronó la consulta', es lo que me dice en network->preview, pero no encuentro ningún error que haya podido cometer para poder trabajar en base a ello, alguna idea de que pudo ser en este registro? De esta otra manera, mas directa, tampoco me deja insertarlos, en su lugar me dice lo que se ve en la imagen de mas abajo
<?php
session_start();
include_once 'conexion.php';
//Declaramos un arreglo que será nuestro retorno
$respuesta = array();
//Primero hay que validar que las variables existan
//La superglobal $_REQUEST responde a los verbos GET y POST
if( empty( $_REQUEST['first'] ) || empty( $_REQUEST['pwd'] ) || empty( $_REQUEST['nick'] ) ){
$respuesta['mensaje'] = 'Usuario y/o password vacío';
}
else{
//Guardamos y limpiamos las variables
$first= mysqli_real_escape_string($conn, $_REQUEST ['first']);
$pwd= mysqli_real_escape_string($conn, $_REQUEST ['pwd']);
$nick= mysqli_real_escape_string($conn, $_REQUEST ['nick']);
$date = date("Y-m-d");
//Creamos el SQL, no siempre funciona agregando así las variables, yo recomiendo concatenar
$sql = "INSERT INTO Usuario (nombre, fecha_creacion, password, nick) VALUES ('$first','$date', '$pwd', '$nick')";
}
//Ahora si, retornamos nuestra respuesta con formato y encabezado JSON
header('Content-Type: application/json');
echo json_encode($respuesta);
?>