javascript - 上一页、下一页 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

不确定你想用所有这些变量来完成什么。如果您尝试通过 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;
});