ajax 分页数据查询

Ajax 分页数据查询是一种实现无刷新页面加载数据的技术。当用户在页面上点击分页按钮或者滚动到页面底部时，通过Ajax 技术向服务器端发送请求，获取需要展示的数据，并通过JavaScript 将数据动态地插入到页面中，从而实现无需重新加载整个页面即可更新部分内容的效果。

实现Ajax 分页数据查询的关键是要在前端页面中编写JavaScript 代码，利用Ajax技术向后端发送请求，并在获取到数据之后通过DOM 操作将数据动态地展示在页面上。同时，在后端服务器端，需要编写相应的代码来处理Ajax 请求，并返回对应的数据。

以下是一个简单的示例代码：

// 监听分页按钮的点击事件
$('.page-btn').on('click', function() {
  // 获取需要查询的页码数
  var pageNum = $(this).data('page');
  // 发送Ajax 请求，获取数据
  $.ajax({
    url: '/api/data',
    type: 'GET',
    data: {page: pageNum},
    success: function(data) {
      // 将数据展示在页面上
      renderData(data);
    },
    error: function() {
      console.log('Error occurred!');
    }
  });
});

// 渲染数据
function renderData(data) {
  // 将数据插入到页面中
  // ...
}