Appel Ajax JQuery fichier XML
pour une vérification du user et password en JQuery ! quand je récupère les données du formulaire pour les vérifier avec des identifiants prédéfinis que j'ai enregistrer sur un fichier xml si j'enregistre les identifiants dans le navigateur ça marche et si je ne les enregistre pas ça ne marche pas :o
code html :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
| <html>
<head>
<title>BBdB</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css">
<script src="jquery.min.js"></script>
<script src="userCon.js"></script>
</head>
<body>
<h1>Un formulaire de connexion en AJAX</h1>
<form id="formulaire" action="">
<p id="merde">Avant connection</p>
<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>
</body>
</html> |
code JQuery :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38
| $(document).ready(
function()
{
$.ajax( {
type: "GET",
url: "users.xml",
dataType: "xml",
success: function(xml)
{
var username = $("#username").val();
var password = $("#password").val();
$(xml).find('user').each(
function(){
var xmlusername = $(this).find('username').text();
var xmlpassword = $(this).find('password').text();
var typeuser = $(this).find('typeuser').text();
if(xmlusername == username && xmlpassword == password){
if(typeuser == 'Client'){
alert("YOUPIIIIIIIIIIIIIIIIIII "+ xmlusername);
}else{
if (typeuser == 'Serveur'){
alert("YOUPIIIIIIIIIIIIIIIIIII "+ xmlusername);
}else {
if (typeuser == 'Superviseur'){
alert("YOUPIIIIIIIIIIIIIIIIIII "+ xmlusername);
}
}
}
}else{
alert("User inconnu");
}
}
);
}
});
}); |
Fichier XML :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
| <?xml version="1.0" encoding="utf-8"?>
<users>
<user id="0">
<username>user1</username>
<password>test</password>
<typeuser>Client</typeuser>
</user>
<user id="2">
<username>user2</username>
<password>test</password>
<typeuser>Serveur</typeuser>
</user>
<user id="3">
<username>user3</username>
<password>test</password>
<typeuser>Superviseur</typeuser>
</user>
</users> |
Pouvez vous m'aider s'il vous plait !