[AJAX] changement de page

**kaking** · 19/06/2008, 11h00

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Bovino** · 19/06/2008, 11h04

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

**kaking** · 19/06/2008, 11h15

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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???

**Bovino** · 19/06/2008, 11h57

Ben dans l'exemple que tu donnes, je vois pas vraiment de href mais un onclick... c'est pas tout à fait pareil...

**kaking** · 19/06/2008, 11h59

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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