11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Il y un truc que je fais mal en ajax...
je suis désolée, ça va être long, mais c'est un problème de principe, je crois, donc il faut que j'expose correctement ce que j'ai fais.

J'ai un fichier transition.xml qui contient l'ordre des pages à afficher :

<transition>
<page>formulaire1</page>
<page>formulaire2</page>
</transition>

Ici, on affiche d'abord le formulaire1, puis, après validation, le formulaire2.

J'ai une page index.php qui génère tout le document
Donc index.php appelle index.html qui contient tout le html ainsi qu'une division (id=ajax) qui contiendra formulaire1 ou 2 (formulaire1 et 2 ne sont que des fragments de page).
Et après avoir appelé index.html, index.php appelle la fonction javascript choixPage :


function choixPage(d) {
$.post('../controller/ajaxController.php', { page : d},
function(data) {
$('#ajax').html(data);
});
}


ajaxController.php récupère les données POST et fait un echo de la page à afficher.

Et faire comme ça, ça recharge à chaque fois la page, alors que je voudrais que ça ne la recharge pas (le index.html ne change jamais, et c'est plus "beau" de ne pas recharger).

J'espère que vous pourrez me dire ce qui cloche dans ma méthode!

Edit : faire tout en ajax est dans le cahier des charges
Modifié par ATuin (23 Apr 2010 - 11:34)
Finalement, heureusement que personne n'ai venu m'aider, ça aurait été une perte de temps pour pas grand chose!

Comme souvent, j'ai fait une erreur toute bête : j'avais oublié le onsubmit="return false" donc forcément, la page se rechargeait.

Ce n'était donc pas un problème de compéhension du principe de l'ajax.