如何在 jquery/ajax 未排序列表上集成分页？

Question

这是我的问题。我已经尝试了很多东西，并意识到我现在可以在我的大脑上煮一个鸡蛋。我需要你的帮助。

我需要在发布内容的 div 上添加分页。更具体地说，对用户生成的列表进行分页。

这是在我的 index.php 中：

<div id="head">
<form name="postbar_add_post" id="postbar_add_post" method="post">
    <fieldset>
        <legend>What are you doing now? ...</legend>
        <input type="text" name="addcontentbox" id="addcontentbox" maxlength="200" />
        <input type="submit" name="addpost" value="Submit" class="submit" />
        </fieldset>
</form>
</div>

<div id="cuerpo"><ul id="wall"></ul></div> 

提交文本时，它使用以下 JavaScript 代码发布该 div 的数据：

// This is the script to post whats typed on the input to the div called wall:
<script type="text/javascript">
    $.noConflict();
    jQuery(document).ready(function() {
        jQuery("form#postbar_add_post").submit(function() {
            var addcontentbox = jQuery('#addcontentbox').attr('value');
            if (addcontentbox.replace(/\s/g,"") == "") {
                return false;
            }
            jQuery.ajax({
                type: "POST",
                url: "postear.php",
                data: "addcontentbox=" + addcontentbox,
                success: function() {
                    jQuery("ul#wall").prepend("<li>"+addcontentbox+"</li>");
                    jQuery("ul#wall li:first").fadeIn();
                    document.postbar_add_post.addcontentbox.value = '';
                    document.postbar_add_post.addcontentbox.focus();
                }
            });
            return false; 
        });
    });
</script>

我正在使用$.noConflict();，因为我已经尝试使用另一个名为 Jpagination 的 jquery 插件对其进行分页。 不幸的是，没有好的结果。如果您想检查，请单击here。

前面的 Ajax 代码调用 PHP 文件将消息插入数据库。

这是php代码：

<?php
if(isset($_POST['addcontentbox'])) {
    // Connection to Database
    include('config.php');
    // NO Query Injection
    $message = mysql_real_escape_string($_POST['addcontentbox']);

    // echo
    $sql = 'INSERT INTO WALL (message) VALUES( "'.$message.'")';
    mysql_query($sql);
    echo $message;
}
else
{ 
    echo '0';
}
?> 

所以，我尝试将分页与 PHP 集成，但我真的迷路了。然后我在网上找到了一些用于分页的脚本，但这让我更糟。

所以我真的需要帮助。

谁能告诉我如何将分页添加到 index.php 上的未排序列表中？

Answer 1

好吧，我仍然不是 100% 清楚您希望它如何运作，但我有一个想法。假设您想在一个页面上显示 10 条消息。所以当页面第一次加载时，它将有 10 个最新的 cmets。（你可以通过稍微改变你的 SQL 查询来做到这一点）你还希望你的 index.php 在查询字符串中接受一个页面变量，所以你知道加载什么页面。喜欢index.php?page=1。 然后你可以编写你的初始查询来获取这样的消息：（在这样做之后$page = $_GET['page'];

"SELECT * FROM wall ORDER BY id DESC LIMIT $page*10, 10"

除了获取最新消息之外，您还想知道总共有多少条消息，以便知道您有多少页。您也可以使用 sql 查询来获得它。

"SELECT COUNT(*) FROM wall"

现在让我们回到你的html。使用jQuery("ul#wall li:first").fadeIn(); 淡入新发布的消息后，您可以使用jQuery("ul#wall li:last").fadeOut(); 淡出最旧的消息

要列出页面列表，只需将消息总数除以每页的消息数即可计算出您需要多少页。然后，您可以使用 php for 循环来回显出一堆带有类似页码的链接。

<? for($i=0; $i<$total_pages; $i++) { ?>
    <a href="index.php?page=<?=$i;?>"><?=$i;?></a>
<? } ?>

因此，当有人单击其中一个链接时，它将使用正确的消息重新加载您的页面。当然，你可以用这个做更多的事情，但我认为这是基本的想法。希望对你有帮助。