Appelle d'une page php avec ajax

Résolu
tsila.vo -  
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

j'ai un problème sur mon developpement. je veux appeler un page php nommé "post.php" dans la partie ajax mais ça ne marcha pas.

voici le code ajax

$(document).ready(function(){
$('form').submit(function(){
var username=$('#username').val();

$.post('post.php',{username:username},function(data)){
$('#feedback').text(data);

};
return(false);
});
});


voici l'index.php

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>

<form method="post" action="index.php">
<input type="text" id="username" /> <br /> <br />
<input type="submit" value="valider" id="submit" />

</form><div id="feedback">


<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="func.js"></script>
</body>
</html>

et le code post.php
<?php
if(isset($_POST['username']) AND !empty($_POST['username'] ){
echo $username = $_POST['username'];
}else
{
echo"champs vide";
}

?>


quand je lance l'index.php, il n'affiche rien sur le div feedback alors que je veux afficher la valeure dans la variable post.

pouvez vous m'aider à resoudre ce problème s'il voous plait?

merci pour votre reponse!
A voir également:

2 réponses

Réponse 1 / 2
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   894
 
tu fais l'appel ajax sur le submit, je n'en voit pas l'intérêt puisque le submit envoie le formulaire vers le serveur, donc rechargement de la page 
<script type="text/javascript" language="JavaScript">
$(document).ready(function(){
$('#envoyerform').click(function(){
	var username=$('#username').val();
	$.post('post.php',{username:username},
	function(data)){
		$('#feedback').html(data);
	};
	return(false);
});
});

</script>


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>

<form method="post" action="index.php">
<input type="text" id="username" /> <br /> <br />
<input type="button" value="valider" id="envoyer" /> <!-- bouton plutot que submit -->

</form><div id="feedback"></div> <!-- ton div n'était pas fermé -->


<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="func.js"></script>
</body>
</html>

et le code post.php
<?php
if(isset($_POST['username']) AND !empty($_POST['username'] ){
echo $username = $_POST['username'];
}else
{
echo"champs vide";
}

?>
0
tsila.vo
 
merci pour ta réponse!
j'ai arrivé à faire fonctionner ce code. et j'ai un autre problème.
Dans mon petit site,j'ai fait une discussion instantanné, mais le problème c'est que j'arrive pas à actualiser automatiquement l'affichage du message dans la page du recepteur quand j'envoie!
je crois que mon problème c'est d'actualiser une div contenant une requette SELECT dans une base de données,sans cliquer un bouton.
par exemple: je veux afficher automatiquement les contenu d'une table(question de nouveau message).
aide moi s'il vous plait! c'est le problème dans mon projet! merci d'avance
0
Réponse 2 / 2
Alain_42 Messages postés 5361 Date d'inscription   Statut Membre Dernière intervention   894
 
tu peux faire une actualisation auto en utilisant une fonction javascript setTimeout qui va lancer a intervale régulier l'affichage des données de la BDD par ajax
0

Discussions similaires

probléme avec ajax svp
marwen109 -
Groarh -

4 réponses