Discussion :

[gentil2005]

Bonjour à tous,
J'essaie de récupérer une donnée dans la BDD via AJAx mais je rencontre un petit problème, voici donc mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<h1>Test Ajax</h1>
 
			<form method="post" name="form" id="form" action="" enctype="multipart/form-data">
			<input type="text" name="pseudo" id="pseudo"/>
			<input type="submit" name="submit" id="submit" value="Rechercher"/>
			</form>
			<div id="bloc"></div>
	<script type="text/javascript">	
	$(document).ready(function() {
			$('#submit').click(function(){
			$('#bloc').html('Traitement en cours ...');
			var formData = $('#pseudo').val();
			$.ajax({
				type: "POST",
				url: "verifpseudo.php",
				data: "pseudo="+formData,
				success: function(data){
				$('#bloc').html(data);
				},
				error: function() {
				alert('La requête n\'a pas abouti');
 
				}
			});
		  })
		});
	</script>

Et mon fichier PHP (verifpseudo.php)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?php
session_start();
include("./includes/identifiants.php");
 
mysql_connect($adresse, $nom, $motdepasse);
mysql_select_db($database);
 
$pseudo = mysql_real_escape_string($_POST['pseudo']);
$requete1 = mysql_query('SELECT membre_rang FROM forum_membres WHERE membre_pseudo = "'.$pseudo.'"')  or die (mysql_error());
$res = mysql_fetch_assoc($requete1);
 
if($res !== FALSE){
    echo $res['membre_rang'];   
}else{
    echo "pas de données";   
}
?>

quand je clic sur le bouton submit, le navigateur m'affiche l'alert de erro() et dans firebug dans l'onglet post de l'onglet reseau j'ai ceci

pseudo lukoo
submit Rechercher

du fichier contenant le formulaire (pagetestpseudo.php)

c'est comme si j'envoyais deux valeur à la fois. Mais alors, si je remplace:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#pseudo').blur(function(){

tout semble bien marché alors que je n'ai pas besoin de "blur" justement.

Alors voilà, c'est quoi le truc?
Merci d'avance

[SpaceFrog]

un click sur le bouton submit soumets le form => changement de page

il te faut inhiber l'action du form avec un preventDefault()

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
$('#submit').click(function(e){
e.preventDefault();
.../...

[gentil2005]

Merci pour tout, ça marche!