[Résolu] Ma requete ajax s'effectue 2 fois. Comment éviter cela ?

Bonjour,

Pouvez-vous me consacrer un peu de votre temps.

Voici la page en question :ici
Cliquez sur les passages de pages (en bas à droite sous les 8 vignettes).

Et c'est là que la catastrophe se produit.
La 1re requete se passe bien.
Juste après, un 2e process (non sollicité) s'exécute et le résultat de cette 2e requete remet tout comme avant, perdant ainsi le résultat exact obtenu par la 1re requete.
Pourquoi cette 2e requete ?
Comment éviter ce 2e process ?

Un tout grand merci pour votre aide.
JYves

Voici requete.js :

function creerRequete() {
	var requete = null;
	try {
		requete = new XMLHttpRequest();	
	} catch (essaimicrosoft) {
		try {
			requete = new ActiveXObject("Msxml2.XMLHTTP");	
		} catch (autremicrosoft) {
			try {
				requete = new ActiveXObject("Microsoft.XMLHTTP");	
			} catch (echec) {
				requete = null;
			}
		}
	}

	if (requete == null) {
		alert("Impossible de créer l'objet requete");
	} else {
		return requete;
	}	
}

Voici allerPage.php

	session_start();

    $retour = "";
	if (isset($_REQUEST['stringVignette'])) {
        $emplacement = "exemples/site-internet-newsletter/site-internet-newsletter-";
        $balAlt = "site internet newletter";
        $string00 = $_REQUEST['stringVignette'];
        $string = explode('**', $string00);
        $infos = explode('*', $string[0]);
        $noPage = $infos[0];
        $nbPage = $infos[1];
        $vignette = explode('*', $string[1]);
        $exemples = count($vignette);
        $retour .= "<div>";
        for ($iVignette=0; $iVignette<$exemples; $iVignette+=2) {
            $retour .= "<div class='exemple01' style='".$balMargin."'><img src='".$emplacement.$vignette[$iVignette]."' class='_exempleImage' alt='".$balAlt."'></div>";
            if ($iVignette+1<=$exemples) {
                $retour .= "<div class='exemple02' style='".$balMargin."'><img src='".$emplacement.$vignette[$iVignette+1]."' class='_exempleImage' alt='".$balAlt."'></div>";
            }
            $retour .= "<div class='stopfloat'></div>";
        }
        $retour .= "</div>";
        $retour .= "<div class='autrepage'>";
        if ($noPage > 1) {
            $retour .= "&nbsp;<a href='' onclick='pageX(1);'><span style='font-size:1.4em;'>&lt;&lt;</span></a>&nbsp;";
            $retour .= "&nbsp;<a href='' onclick='pageX(".($noPage-1).");'><span style='font-size:1.4em;'>&lt;</span></a>&nbsp;&nbsp;";
        }
        for ($iPage=1; $iPage<=$nbPage; $iPage++) {
            if ($iPage == $noPage) {
                $retour .= "&nbsp;<span class='bold' style='display:inline-block; border:solid 1px #ffffff;'>&nbsp;".$iPage."&nbsp;</span>&nbsp;";
            } else {
                $retour .= "&nbsp;<a href='' onclick='pageX(".$iPage.");'>".$iPage."</a>&nbsp;";
            }
        }
        if ($noPage < $nbPage) {
            $retour .= "&nbsp;<a href='' onclick='pageX(".($noPage+1).");'>&nbsp;<span style='font-size:1.4em;'>&gt;</span></a>&nbsp;";
            $retour .= "&nbsp;<a href='' onclick='pageX(".$nbPage.");'><span style='font-size:1.4em;'>&gt;&gt;</span></a>&nbsp;";
        }
        $retour .= "</div>";
    }
    echo $retour;

Voici la fonctio javascript qui provoque la requete ajax :

function pageX(pg) {
    var requete = creerRequete();
    var pgm = "php/allerPage.php";
    requete.open("POST", pgm, false);
    requete.onreadystatechange = function() {
        if (requete.readyState == 4 && requete.status == 200) {
            var resultat = requete.responseText;
            document.getElementById('deuxpaves').innerHTML = resultat;
            alert(resultat);
        }
    }
    requete.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    requete.send("stringVignette="+escape(ligneVignette[pg]));
}

Voici la div en htms qui eceuille le résultat de la requete (elle se trouve en fin de page html) :

            <div id="deuxpaves" style="height:100%;">
                <script type="text/javascript">pageX(1);</script></div>

Modifié par jytest (26 Sep 2016 - 21:42)

Merci pour votre aide.

Je viens de suivre votre conseil.
Mais le rajout de "return false" à la fin de la fonction ne résoud malheureusement pas mon souci.
Voici la fonction modifiée :

function pageX(pg) {
    var requete = creerRequete();
    var pgm = "php/allerPage.php";
    requete.open("POST", pgm, false);
    requete.onreadystatechange = function() {
        if (requete.readyState == 4 && requete.status == 200) {
            var resultat = requete.responseText;
            document.getElementById('deuxpaves').innerHTML = resultat;
            alert(resultat);
        }
        return false;
    }
    requete.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    requete.send("stringVignette="+escape(ligneVignette[pg]));
}

Modifié par jytest (27 Sep 2016 - 08:44)