Creo il form HTML che accetta username e password.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Salva Dati Form</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<form id="dataForm">
Username: <input type="text" name="username"><br>
Password: <input type="password" name="password"><br>
<input type="button" value="Salva" onclick="salvaDati()">
</form>
<script>
function salvaDati() {
$.ajax({
type: "POST",
url: "salva_dati.php",
data: $("#dataForm").serialize(),
success: function(data) {
alert("Dati salvati con successo!");
},
error: function() {
alert("Errore nel salvataggio dei dati");
}
});
}
</script>
</body>
</html>
________________________________
Creo il file PHP accetta i dati inviati via AJAX e li inserisce in un database.
<?php
$servername = "localhost";
$username = "username_database";
$password = "password_database";
$dbname = "nome_database";
// Creare connessione
$conn = new mysqli($servername, $username, $password, $dbname);
// Verificare connessione
if ($conn->connect_error) {
die("Connessione fallita: " . $conn->connect_error);
}
// Preparare e bindare
$stmt = $conn->prepare("INSERT INTO utenti (username, password) VALUES (?, ?)");
$stmt->bind_param("ss", $username, $password);
// Impostare parametri ed eseguire
$username = $_POST['username'];
$password = $_POST['password'];
$stmt->execute();
echo "Nuovo record creato con successo";
$stmt->close();
$conn->close();
?>
______________________________
Assicurati di sostituire "localhost", "username_database", "password_database", e "nome_database" con i dati reali del tuo server e del tuo database. Inoltre, la tabella utenti dovrebbe essere già esistente nel tuo database con le colonne username e password.
Questa soluzione utilizza jQuery per AJAX e mysqli per PHP