Bonjour,
j'ai créé un formulaire tout basique en html. Il execute un fichier resultat.php qui renvoit une requete SQL sous forme assez basique : une ligne de texte.
Je voudrais que ce texte généré apparaisse dans une DIV sur la même page que le formulaire initial.

J'ai créé ceci, mais ça ne marche pas, et je ne comprends pas l'erreur :

Mon script :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$('#form1').submit(function (e) {
    e.preventDefault();
    $.post('result.php', $('#form1').serialize(), function (data, textStatus) {
         $('#resultDIV').append(data);
    });
    return false;
});
</script>
et mon code HTML :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
<form name="form1" action="result.php" method="post" id="form1">
<input type="text" name="data1">
<input type="text" name="data2">
<input type="submit" value="OK">
</form>
 
<div id="resultDIV"></div>

Avec ceci, rien ne ne passe comme prévu, c'est à dire que mon formulaire ouvre la page result.php pour m'afficher ma requête. Ce que je ne veux pas puisque je veux rester sur ma page d'origine et afficher le résultat dans la DIV.