J'ai essayé de comprendre comment aller d'une page à l'autre avec des liens simples, mais je n'ai pas trouvé la réponse qui m'a aidé. J'ai cette URL: https://pack-simulator.nl/jsondecode.php?page = 1 chaque fois que le bouton de la page suivante est cliqué, il doit aller à? Page = 2 et lorsque la page précédente est cliquée, aller à nouveau à? Page = 1. Le script a un maximum de page 695 et un minimum de page 1. J'ai utilisé ce code,

var pageNumber = location.search.split("=")[1];

$('a.next').click(function(){
    pageNumber++;
    if (pageNumber > 695) pageNumber = 695; // or set to 1
    window.location = ("?page=" + pageNumber);
}
$('a.prev').click(function(){
    pageNumber--;
    if (pageNumber < 1) pageNumber = 1; // or set to 695
    window.location = ("?page=" + pageNumber);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

<a class="prev" href="#">Load Prev page</a><br>
<a class="next" href="#">Load Next page</a>

J'espère que quelqu'un pourra m'aider. Merci!

1
Julan ter Weele 4 mars 2016 à 23:44

3 réponses

Meilleure réponse

Je ne sais pas ce que vous essayez d'accomplir avec tous ces vars. Si vous essayez de charger des pages dans du contenu via ajax, mon code ne fonctionnera pas, mais si vous souhaitez simplement utiliser window.location pour que le navigateur récupère une autre page, vous pouvez essayer quelque chose comme ceci:

var pageNumber = location.search.split("=")[1];

$('a.next').click(function(){
    pageNumber++;
    if (pageNumber > 695) pageNumber = 695; // or set to 1
    window.location.search = ("?page=" + pageNumber);
    return false;
});
$('a.prev').click(function(){
    pageNumber--;
    if (pageNumber < 1) pageNumber = 1; // or set to 695
    window.location.search = ("?page=" + pageNumber);
    return false;
});
0
yezzz 4 mars 2016 à 22:08

Si vous essayez simplement d'accéder à une certaine page de l'historique de votre navigateur, essayez ceci:

<a class="prev" href="#" onclick="prev()">Load Prev page</a><br>
<a class="next" href="#" onclick="next()">Load Next page</a>
<script>
    function prev() {
        window.history.back();
    }

    function next() {
        window.history.forward();
    }
</script>

Lorsqu'un lien est cliqué, le navigateur charge la page précédente ou suivante de son historique enregistré.

Si vous ne prévoyez pas d'appeler ces fonctions plus tard, retirez simplement la balise et son contenu et remplacez prev () et next () par le contenu de ces fonctions comme ceci:

<a class="prev" href="#" onclick="window.history.back()">Load Prev page</a><br>
<a class="next" href="#" onclick="window.history.forward()">Load Next page</a>

J'espère que cela t'aides!

0
Benjamin 27 mai 2017 à 08:22

Vérifiez this. la variable _page contient 'jasondecode.php' et la variable _current contient 'jasondecode'. parseInt sur _current échoue donc.

Location.search contient "? page = 1". Donc, si vous changez

_url à var _url = location.search.split('?')[1].split('=')

Et _page vers var _page = url[0]

Et _courant à var _current = parseInt(url[1])

Et former la variable de demande comme

var request = location.protocol + '//' + location.hostname + '/' + _href + "?" + _page + '=' + (_current + 1) + '.html';

Ça devrait le faire.

0
Rahul Sharma 4 mars 2016 à 21:25