Tiny File Manager

Back Back Up Advanced Editor

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Un formulaire de connexion en AJAX</title>
</head>

<body>

<h1>Un formulaire de connexion en AJAX</h1>

<form>
    <p>
        Nom d'utilisateur : <input type="text" id="username" />
        Mot de passe : <input type="password" id="password" />
        <input type="submit" id="submit" value="Se connecter !" />
    </p>
    </form>

$(document).ready(function(){

$("#submit").click(function{

$.post(
            'connexion.php', // Un script PHP que l'on va créer juste après
            {
                login : $("#username").val();  // Nous récupérons la valeur de nos input que l'on fait passer à connexion.php
                password : $("#password").val();
            },

function(data){
								alert("plouf");
                if(data == 'Success'){
                     // Le membre est connecté. Ajoutons lui un message dans la page HTML.

$("#resultat").html("<p>Vous avez été connecté avec succès !</p>");
                }
                else{
                     // Le membre n'a pas été connecté. (data vaut ici "failed")

$("#resultat").html("<p>Erreur lors de la connexion...</p>");
                }
        
            },

'text'
         );

});

</script>
</body>
</html>