上一页，下一页javascript

Question

我试图弄清楚如何使用简单的链接上下翻页，但我找不到帮助我的答案。我有这个网址：https://pack-simulator.nl/jsondecode.php?page=1每当点击下一页按钮时，它必须转到？page = 2，当点击上一页时再转到？page = 1。该脚本的最大页数为695，最小值为第1页。我使用了此代码，

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>

我希望有人可以帮助我。谢谢！

Answer 1

检查。 _page变量包含＆＃39; jasondecode.php＆＃39;和_current变量保持＆＃39; jasondecode＆＃39;。因此，_current上的parseInt失败了。

location.search认为＆＃34;？page = 1＆＃34;。 所以， 如果你改变

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

和_page到var _page = url[0]

和_current到var _current = parseInt(url[1])

并形成请求变量，如

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

应该这样做。

Answer 2

不确定您尝试使用所有这些变量完成的任务。如果您尝试通过ajax将页面加载到内容中，我的代码将无效，但如果您只想使用window.location使浏览器获取另一个页面，您可以尝试这样的事情：

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;
});

Answer 3

如果您只想尝试浏览浏览器历史记录中的某个页面，请尝试以下操作：

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

点击链接后，浏览器将在其保存的历史记录中加载上一页或下一页。

如果您不打算稍后调用这些函数，只需取出标记及其内容，并将prev（）和next（）替换为这些函数的内容，如下所示：

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

希望这有帮助！