js实现ajax分页(示例代码)

实现ajax分页可以通过以下步骤进行：

我们需要定义一个函数来处理分页请求。这个函数将接收一个参数，即当前页码，然后使用ajax发送一个GET请求到服务器获取对应页码的数据。在获取到数据后，我们可以将其插入到页面中的某个容器中，以展示分页结果。

下面是一个示例代码，演示了如何使用ajax分页：

function getPaginationData(page) {
  // 创建一个XMLHttpRequest对象
  var xhr = new XMLHttpRequest();
  // 设置请求的方法和URL
  xhr.open('GET', 'https://example.com/pagination?page=' + page, true);
  // 监听请求的状态变化
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 请求成功，获取返回的数据
      var data = JSON.parse(xhr.responseText);
      // 将数据插入到页面中的某个容器
      var container = document.getElementById('paginationContainer');
      container.innerHTML = '';
      for (var i = 0; i < data.length; i++) {
        var item = document.createElement('div');
        item.textContent = data[i].title;
        container.appendChild(item);
      }
    }
  };
  // 发送请求
  xhr.send();
}

在上面的代码中，我们定义了一个名为`getPaginationData`的函数，它接收一个`page`参数，表示要请求的页码。我们使用`XMLHttpRequest`对象创建一个GET请求，将页码作为查询参数传递给服务器。然后，我们监听请求的状态变化，当请求成功后，将返回的数据插入到页面中的某个容器中。

在实际使用中，你可以在页面加载完成后调用`getPaginationData`函数来获取初始页码的数据，然后根据用户的操作调用该函数来获取其他页码的数据。