jquery - 使用 Jquery 附加动态分页 - 如何保存位置？

Question

我正在使用一些 javascript (Jquery) 来动态地对我的网站上的数据进行分页，就像现在所有酷 child 所做的那样(FB、Twitter)。我喜欢它的外观，这是一个不错的可靠系统，但它总是让我烦恼，如果你通过操作 DOM 附加数据，那么如果你离开页面，你的位置就会消失。如果有帮助，这就是我使用的:

$(document).ready(function(){
    $(".page-link").live("click",function(){
        $(this).html("<img src='http://www.whatever.com/img/loading_small.gif' />");
        var id = this.id;
        var splitid = id.split("?");
        var minlimit = splitid[1];
        var order = splitid[2];
        $.ajax({
            type:"POST",
            url:"http://www.whatever.com/php/selectAllWhatever.php?min="+minlimit+"&max=10&order="+order,
            data:"min="+minlimit+"&max=10",
            success:function(msg){
                $(".paging-bar").remove();
                $("#div").append(msg);
            }
        });
    });
});

假设用户分页了 40 个结果，单击结果中的链接来访问另一个页面，然后回来发现他们所做的所有分页都消失了，他们回到了前 10 个结果。不重要，但无论如何都很烦人。我怎样才能保留他们在寻呼结果中的位置，以便当他们回来时他们回到上次离开的地方？我考虑过尝试传递一些获取参数来指示分页位置或留下 cookie，但我找不到一个很好的干净方法来做到这一点。预先感谢您的帮助!

Answer 1

您可以通过多种方式实现:GET/POST、SESSION 变量或 COOKIE。

要使用 GET 变量，您只需在所有链接的末尾放置一个变量，并在所有目标页面中处理这些变量。然后，您的目标页面必须修改其所有链接以携带该分页变量。当然，这不是最优雅的解决方案。

您也可以在 session 变量中执行此操作。其代码如下所示:
php:

//This is in #selectAllWhaterver.php
session_start();

$_SESSION['paginationMin'] = $_POST['min'];
$_SESSION['paginationMax'] = $_POST['max'];

***********************************************
//Then in your php when you reload the page that has pagination on it
session_start();

if(isset($_SESSION['paginationMin'])
     $min = $_SESSION['paginationMin'];
else
     $min = 0;

if(isset($_SESSION['paginationMax'])
     $max = $_SESSION['paginationMax'];
else
     $max = 10;

//Now use these variables to generate wtv content you are loading

这可能是最优雅的解决方案，因为它将保存 session 的分页数据 - 这意味着一旦他们关闭浏览器，它就会重置。

如果您想使用 cookie，即使 session 终止后它仍保持事件状态，您可以这样做。 (注意:我不是 cookie 方面的专家。如果这不完美，抱歉)

JavaScript:

document.cookie = "paginationMin="+minLimit;
document.cookie = "paginationMax=10";

//And to grab them again


 var cookies = ""+document.cookie;
 var pos = cookies.indexOf("paginationMax");
 var pos2 = cookies.indexOf(';', pos);

 var max =  unescape(cookies.substring(pos+cookieName.length+1,pos2));

 var pos = cookies.indexOf("paginationMin");
 var pos2 = cookies.indexOf(';', pos);

 var min =  unescape(cookies.substring(pos+cookieName.length+1,pos2));