[AJAX] changement de page

Version imprimable

bonjour tous le monde

voila, je debute en ajax
je comprends pas, normalement on fait une requete au serveur et sans rechargement de page, ma requete s'effectue...

mais la, ca change de page!

je montre mon code et j'explique....

le code du XMLHttpRequest:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<script type="text/javascript" src="oXHR.js"></script>
<script type="text/javascript">
<!-- 
function sendData(prod, famille, page) {
 
        var xhr = getXMLHttpRequest();
 
        if(xhr && xhr.readyState != 0) {
                xhr.abort(); 
        }
 
        xhr.onreadystatechange = function() { 
                if(xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
                        getData(xhr.responseText); 
                } else if(xhr.readyState == 2 || xhr.readyState == 3) {
 
                }
        }
 
        xhr.open("GET", "panier4_2.php?prod=" + prod +"&famille=" + famille +"&page=" + page + "", true);
        xhr.send(null);
}
 
function getData(sData) {
        alert(sData);
}

maintenant le code de panier 4_2 :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
session_start();
if(isset($_GET['prod'])and isset($_GET['famille']) and isset($_GET['page']))
{
$famille=$_GET['famille'];
$page=$_GET['page'];
$id=$_GET['prod'];
$qte=1;echo $famille;
if( empty($_SESSION['panier'][$id]) )
{
$_SESSION['panier'][$id]=$qte;
 echo'article ajoute';
 
}
}

voila : et quand j'appuie sur le lien, j'ai un alert '"valeur de $famille"article ajoute'
puis la page charge vers panier4_2 qui marque $famille;

pourquoi est ce qu'on change de page???

ne devait on pas rester sur ma page d'origine??

merci de m'eclairer

19/06/2008, 11h04
Bovino

Tu n'aurais pas un href="panier4_2.php" dans ton lien par hasard ?

bah...si
(logique je veux qu'il effectue la requete située dans panier 4_2
tout en restant dans la meme page)

mais normalement ca reste sur la meme page

exemple similaire qui marche :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
function sendData() {
        var xhr = getXMLHttpRequest();
 
        if(xhr && xhr.readyState != 0) {
                xhr.abort(); 
        }
 
        xhr.onreadystatechange = function() { 
                if(xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
                        document.getElementById("loading").innerHTML = "";
                        getData(xhr.responseText); 
                } else if(xhr.readyState == 2 || xhr.readyState == 3) {
                        document.getElementById("loading").innerHTML = "<p>Chargement en cours</p>";
                }
        }
 
        var pseudo = encodeURIComponent(document.getElementById("input_pseudo").value);
        var prenom = encodeURIComponent(document.getElementById("input_prenom").value);
        xhr.open("GET", "XMLHttpRequest_1.php?Pseudo=" + pseudo + "&Prenom=" + prenom + "", true);
        xhr.send(null);
}
 
function getData(sData) {
        alert(sData);
}
//-->
</script>
</head>
<body>
<div id="loading"></div>
<p>
        <label for="input_pseudo">Pseudo : </label>
        <input type="text" id="input_pseudo" />
        <br />
        <label for="input_prenom">Pr&eacute;nom : </label>
        <input type="text" id="input_prenom" />
        <br /><br />
        <input type="button" onclick="sendData();" value="Envoyer" />
</p>
</body>

et la page XMLHttpRequest_1.php

Code:

1
2
3
4
5
6
7
8
9
10
<?php 
 
header("Content-Type: text/plain");
if(isset($_GET['Pseudo']) && isset($_GET['Prenom']) && $_GET['Pseudo'] != "" && $_GET['Prenom'] != "") {
        echo "Votre pseudo est ".$_GET['Pseudo'].", et vous vous appelez ".$_GET['Prenom']." !";
} else {
        echo "Mauvaise saisie";
}
 
?>

et la on reste bien sur la premiere page,y a un alert des donnees rentrees dans les champs et on va pas sur XMLHttpRequest_1.php, on reste sur la page d'origine
...quesque j ai pas compris???

19/06/2008, 11h57
Bovino

Ben dans l'exemple que tu donnes, je vois pas vraiment de href mais un onclick... c'est pas tout à fait pareil...
19/06/2008, 11h59
kaking

ouais desole mais dans mon premier code j avais oublié ca :

Code:

<?php echo '<a class="menu" href="panier4_2.php?prod='.$donnees['id'].'&famille='.$famille.'&page='.$page.'" onClick="sendData(\''.$donnees['id'].'\',\''.$famille.'\',\''.$page.'\');">panier</a>';?>

donc j ai un lien qui fait onclick sur ma fonction....

je comprends vraiment pas...
19/06/2008, 12h17
Bovino

Ben quand tu cliques sur ton lien, le onclick se lance puis le href t'envoie vers la page cible sans attendre la fin du onclick...
19/06/2008, 13h41
kaking

HOW CA MARCHE

MERCI MERCI MERCI

TROOOOOOOOOOOP FORT

MERCI BEAUCOUP