js和mysql实现分页效果

在 JavaScript 中实现分页效果可以使用 Ajax 技术向后端请求数据，然后通过 DOM 操作动态生成分页器和数据列表。而在 MySQL 中实现分页则可以使用 LIMIT 关键字和 OFFSET 参数。

下面是一个简单的示例：

JavaScript代码：

function getResults(page) {
  $.ajax({
    url: 'get_results.php',
    type: 'GET',
    data: {page: page},
    success: function(response) {
      // 处理返回的数据
      var results = response.results;
      var totalPages = response.totalPages;
      
      // 动态生成分页器和数据列表
      // ...
    }
  });
}

PHP代码：

$perPage = 10; // 每页显示的记录数
$page = $_GET['page'] ?? 1; // 当前页码，默认为第一页
$offset = ($page - 1) * $perPage; // 计算偏移量

// 查询数据总数
$total = $pdo->query('SELECT COUNT(*) FROM table')->fetchColumn();

// 查询当前页的数据
$stmt = $pdo->prepare('SELECT * FROM table LIMIT :offset, :perPage');
$stmt->bindParam(':offset', $offset, PDO::PARAM_INT);
$stmt->bindParam(':perPage', $perPage, PDO::PARAM_INT);
$stmt->execute();
$data = $stmt->fetchAll(PDO::FETCH_ASSOC);

// 计算总页数
$totalPages = ceil($total / $perPage);

// 返回数据
$response = ['results' => $data, 'totalPages' => $totalPages];
echo json_encode($response);

其中，`$perPage` 表示每页显示的记录数，`$page` 表示当前页码，`$offset` 表示偏移量，`$total` 表示总记录数，`$totalPages` 表示总页数。在 SQL 查询中使用 `LIMIT` 和 `OFFSET` 可以限制返回的记录数和偏移量，从而实现分页效果。