文章/答案/技术大牛

发布

jquery mysql分页查询

基础概念：

jQuery 是一个快速、简洁的 JavaScript 库，它简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。MySQL 是一个关系型数据库管理系统，MySQL 分页查询则是指从数据库中检索出一页的数据，而不是一次性检索出所有数据。

相关优势：

性能优化：分页查询可以显著提高查询性能，特别是在处理大量数据时。
用户体验：通过分页展示数据，可以减少页面加载时间，提升用户体验。
资源节约：避免一次性加载过多数据，节省服务器和网络资源。

类型：

基于偏移量的分页：使用 LIMIT 和 OFFSET 子句进行分页。
基于游标的分页：使用特定的列（通常是主键）来追踪当前页的位置。

应用场景：

数据库中存储了大量数据，需要分批次展示给用户。
实时性要求不高，允许有一定的延迟来加载数据。

示例代码：

以下是一个使用 jQuery 和 MySQL 实现分页查询的简单示例：

后端（PHP）

<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database_name";

// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);

// 检查连接
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}

$page = isset($_GET['page']) ? intval($_GET['page']) : 1;
$limit = 10; // 每页显示的记录数
$offset = ($page - 1) * $limit;

$sql = "SELECT * FROM table_name LIMIT $limit OFFSET $offset";
$result = $conn->query($sql);

$data = array();
if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
        $data[] = $row;
    }
}

echo json_encode($data);
$conn->close();
?>

前端（jQuery）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分页查询示例</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <div id="data-container"></div>
    <button id="prev-page">上一页</button>
    <button id="next-page">下一页</button>

    <script>
        let currentPage = 1;
        const limit = 10;

        function fetchData(page) {
            $.getJSON('path_to_your_php_script.php', { page: page }, function(data) {
                $('#data-container').empty();
                data.forEach(item => {
                    $('#data-container').append(`<p>${item.column_name}</p>`); // 根据实际情况修改
                });
            });
        }

        $('#prev-page').click(function() {
            if (currentPage > 1) {
                currentPage--;
                fetchData(currentPage);
            }
        });

        $('#next-page').click(function() {
            currentPage++;
            fetchData(currentPage);
        });

        // 初始加载第一页数据
        fetchData(currentPage);
    </script>
</body>
</html>

遇到的问题及解决方法：

问题：分页查询时出现性能瓶颈。

原因：可能是由于 OFFSET 在大数据量下导致查询效率低下。

解决方法：

使用索引：确保用于分页的列上有适当的索引。
优化 SQL：考虑使用更高效的分页策略，如基于游标的分页。
缓存机制：对于不经常变动的数据，可以引入缓存机制减少数据库查询次数。

通过以上方法，可以有效提升分页查询的性能和用户体验。

页面内容是否对你有帮助？

有帮助

没帮助

显示mysql记录的最佳分页方式是什么

、、、

但我对使用jquery分页和mysql分页(限制、偏移)感到困惑。因为jquery分页需要没有限制的所有记录，所以分页发生在客户端，这可能会减慢查询速度。mysql可以使用limit (我使用的是codeigniter框架)，但每次我点击分页时，它都会ping数据库以获取下一组数据，而且mysql分页也会创建重复的记录。是否有好的和快速的方法来分页，如果有，请给

浏览 1提问于2013-05-02得票数 0

3回答

分页还是jQuery？

、、、、

如果我对我的网站使用分页，并且希望得到很多结果，那么是使用jQuery更好呢，还是仅仅使用一个基本的PHP/MySQL来加载一个新页面？如果我使用jQuery，并且我从数据库获得了300多个结果，那么它是否必须在初始页面加载时一次性加载所有结果？这可能需要很长时间才能加载。

浏览 0提问于2011-09-23得票数 3

回答已采纳

3回答

如何在经典的ASP中进行有效的分页？

、

我正在尝试对一个表进行分页，虽然我已经可以分页了，但它在一行中显示每一页以及上一页/下一页链接，如果有很多结果(通常都有)，就会导致HTML页面断开。

浏览 3提问于2009-01-16得票数 1

回答已采纳

1回答

$query = mysql_query("SELECT * FROM persons WHERE FirstName LIKE '%" .. "%' ORDER by RAND() LIMIT $offset,$per_page"); 有人能教我，如果我能得到结果的数目，以便我可以替换分页的值，这是分页的值，所以它只计数整个表和行数。$count_query = mysql_query("SELECT COUNT(person

浏览 7提问于2013-07-27得票数 0

回答已采纳

1回答

PHP表排序、筛选和分页

我一直在努力寻找一个好的解决方案，将MySQL查询数据用于Ajax表的分页、排序和过滤。我试过DataTables，但真的不喜欢它。我开始尝试FooTables，但由于某些原因，我很难找到一个好的完整示例来使用FooTables和MySQL数据。你有什么建议来实现Ajax驱动的分页，排序和过滤的PHP现在有一个很好的完整的工作示例源代码学习？谢谢!

浏览 1提问于2017-08-31得票数 0

4回答

优化的分页解决方案

、

我正在为一个非常大的数据库进行分页。因此，使用最佳查询很重要。现在我需要知道知道mysql行数最快的方法是什么？哪一个是最好的?为什么？

浏览 0提问于2011-08-05得票数 1

1回答

从用jQuery加载的数据中进行分页

、、

我正在尝试为从jQuery /MySQL生成的数据整合一个PHP分页插件。哪个先加载，PHP/MySQL还是jQuery？有没有更好的AJAX方法来完成分页？这里有一个插件的小提琴

浏览 1提问于2012-12-12得票数 0

回答已采纳

1回答

基于随机有序源数据的分页

、、、、

site 我正在从事一个项目(CodeIgniter - PHP MySQL)，该项目从Ad_API中获取数据并在我的站点中显示这些列表。API使用负载的数据(~1kb)来讨论每个实体的JSON。Problem I，现在必须用分页显示更多的结果(200+)。如果是MySQL db，我是在查询黄油，但在这里我做不到。我的论点--解决方案 jQuery分页:是的，这是一个选项，但同样，我必须同时在用户浏览器上加载所有200个数据实体，然后使用jQuery对它们进行<em

浏览 1提问于2013-10-31得票数 0

2回答

如何在不重新加载整个页面的情况下加载更多的文章？

、、、

在我的主页上，我通过以下代码显示了表格的最后三行：$p的出处： if ( empty($p) ) {

浏览 0提问于2015-11-27得票数 0

2回答

用于jquery dataTables的自定义MySQL查询

、、、、

这里的问题是dataTables分页不起作用，这是我创建的从数据库输出json的脚本 ] } ); }(jQuery

浏览 10提问于2014-12-01得票数 0

1回答

寻找jQuery + AJAX +PHP5 5/PDO+ MySQL记录集分页Widget

、、、、

在我出发并花费几个小时来构建它之前，我想看看是否有人找到了这样做的jQuery/AJAX分页记录集小部件：每次单击组件都不会重

浏览 1提问于2011-01-24得票数 1

回答已采纳

1回答

提高脚本的动态性

、、

我正在尝试让我的分页脚本更具动态性，并且需要一些帮助来计算页码部分。这是主页(pagination.php)$per_page = 3; $sql = "select * from explor

浏览 0提问于2010-02-17得票数 0

回答已采纳

4回答

如何在行分页时检索列合计？

、、

我在表中有一列"price“，并使用分页脚本生成所显示的数据。现在，分页工作得很好，但是我正在尝试在HTML表中有最后一行，以显示所有价格的总和。如何才能仅检索分页中显示的行的总和？下面是查询..

浏览 8提问于2010-12-25得票数 1

2回答

带有php问题的jquery ajax分页

、、、

首先，我想说的是，我对jquery分页教程和脚本做了充分的研究，我尝试过的那些分页教程和脚本都运行得很好，但并不是我想要的方式。UPDATE2:我知道如何让用

浏览 1提问于2011-08-16得票数 0

回答已采纳

1回答

用PHP和AJAX分页查询结果

、、、

我的html中有一个过滤器表单，它通过ajax将数据发送到php以挂载查询。我想要分页查询的结果。做这件事最好的方法是什么？您可以检查 (单击筛选器)jQuery(document).ready(function(){ jQuery('#filtros').submit(function(){var dados = jQuery( this ).serialize();//build a post data structu

浏览 3提问于2013-12-05得票数 0

回答已采纳

2回答