分页显示中的js代码

<div id="content"></div>
<div id="pagination">
  <button id="prevPage">Previous</button>
  <span id="pageInfo"></span>
  <button id="nextPage">Next</button>
</div>

let currentPage = 1;
const pageSize = 10;

function loadData(page) {
  $.ajax({
    url: 'your-api-endpoint',
    type: 'GET',
    data: { page: page, pageSize: pageSize },
    success: function(response) {
      $('#content').html(response.data);
      $('#pageInfo').text(`Page ${page} of ${response.totalPages}`);
    },
    error: function(xhr, status, error) {
      console.error('Error loading data:', error);
    }
  });
}

$('#prevPage').click(function() {
  if (currentPage > 1) {
    currentPage--;
    loadData(currentPage);
  }
});

$('#nextPage').click(function() {
  currentPage++;
  loadData(currentPage);
});

// 初始加载第一页数据
loadData(currentPage);