espero que se encuentren bien! tengo el siguiente problema, estoy mandando datos a través de Fetch API a un archivo PHP para poder guardarlos en MYSQL, logro mandarlos y guardarlos en MYSQL correctamente, el problema es que el id no tengo necesidad de mandarlo por fetch ya que es auto incrementable, entonces quisiera saber como puedo imprimir el id junto con los otros datos que envié a través de fetch api sin necesidad de recargar el sitio web.
Adjunto código JavaScript:
let txtNombre = document.getElementById("txtNombre");
let txtApellido = document.getElementById("txtApellido");
let txtEmail = document.getElementById("txtEmail");
let btnAgregar = document.getElementById("btnAgregar");
let pintarTable = document.getElementById("pintar-table");
btnAgregar.addEventListener("click", ()=>{
let form = new FormData();
form.append("nombre", txtNombre.value);
form.append("apellido", txtApellido.value);
form.append("email",txtEmail.value);
fetch("insert.php", {
method: "POST",
body: form
})
.then(data=>data.json())
.then(data=>{
console.log(data);
})
});
Adjunto codigo PHP:
require("conexion.php");
$nombre = $_POST["nombre"];
$apellido = $_POST["apellido"];
$email = $_POST["email"];
$sql = "INSERT INTO persona (id,nombre,apellido,email) VALUES (NULL,'$nombre','$apellido','$email')";
$query = $conexion->query($sql);
if($query){
echo json_encode($nombre.$apellido.$email);
}
Con el json_encode puedo imprimir bien desde javascript el $nombre, el $apellido y el $email, pero no puedo acceder al id que se genera para poder imprimirlo