[AJAX] fonction ajax qui transmet les données du formulaire vers un fichier php
bonjour à tous, s'il vous plait aidez moi !
en fait j'ai un formulaire qui comporte un seul champs de type text et je voudrais vérifier si l'information entrée dans le champs est présent dans la base de données et afficher un message; comment je doit proceder ? je ne sais pas comment adapter la fonction envoie() ci dessous.
voici le fichier html
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Exemple 4</title>
</head>
<body>
<script type="text/javascript" src="ajax.js"></script>
<form name="formulaire" action="" method="post"><input name="pseudos" type="text" id="pseudo">
<input name="verif_pseudo" type="button" id="verif_pseudo" value="verifier" onClick="javascript:ajax();">
</form>
</body>
</html> |
voici la fonction javascript à adapter
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
|
function envoie()
{
var xhr=null;
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
//on définit l'appel de la fonction au retour serveur
xhr.onreadystatechange = function() { alert_ajax(xhr); };
//on appelle le fichier verif.php
xhr.open("GET", "verif.php", true);
xhr.send(null);
} |