Appelle d'une page php avec ajax

Résolu/Fermé
tsila.vo - 18 mai 2013 à 05:41
Alain_42
Messages postés
5358
Date d'inscription
dimanche 3 février 2008
Statut
Membre
Dernière intervention
13 février 2017
- 19 mai 2013 à 13:18
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!

2 réponses

Alain_42
Messages postés
5358
Date d'inscription
dimanche 3 février 2008
Statut
Membre
Dernière intervention
13 février 2017
898
18 mai 2013 à 13:47
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
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
Alain_42
Messages postés
5358
Date d'inscription
dimanche 3 février 2008
Statut
Membre
Dernière intervention
13 février 2017
898
19 mai 2013 à 13:18
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