Appelle d'une page php avec ajax

Résolu/Fermé

tsila.vo - 18 mai 2013 à 05:41
Alain_42 Messages postés 5361 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!

A voir également:

Appelle d'une page php avec ajax
Supprimer une page word - Guide
Comment traduire une page - Guide
Créer une page facebook - Guide
Appelle masqué - Guide
Imprimer tableau excel sur une page - Guide

2 réponses

Réponse 1 / 2

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
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";
}

?>

tsila.vo
Modifié par tsila.vo le 18/05/2013 à 17:33

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

Réponse 2 / 2

Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
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

Discussions similaires

connection ok mais aucune page ne s'affiche

Dupliquer une page word