ajax异步分页-前端ajax分页：示例代码

Ajax异步分页是一种前端技术，它可以在不刷新整个页面的情况下加载和显示分页数据。这种技术通过使用Ajax来发送异步请求，从服务器获取分页数据，并将数据动态地插入到页面中的指定位置。

在使用Ajax异步分页的过程中，首先需要定义一个用于发送异步请求的函数。这个函数可以使用XMLHttpRequest对象来发送请求，并通过回调函数来处理服务器返回的数据。以下是一个示例代码：

function loadPage(pageNumber) {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', 'http://example.com/page=' + pageNumber, true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      var response = JSON.parse(xhr.responseText);
      // 处理服务器返回的数据
      // 将数据插入到页面中的指定位置
    }
  };
  xhr.send();
}

在这个示例代码中，`loadPage`函数接受一个`pageNumber`参数，用于指定要加载的分页数据的页码。函数内部创建了一个XMLHttpRequest对象，并使用`open`方法来指定请求的URL。在这个示例中，请求的URL是`http://example.com/page=`加上页码。然后，通过`onreadystatechange`事件来监听请求的状态变化，并在状态为4且状态码为200时处理服务器返回的数据。

在处理服务器返回的数据时，可以根据需要进行相应的操作，比如将数据插入到页面中的指定位置。这里只是一个示例，具体的操作可以根据实际情况来确定。

通过调用这个函数，可以在页面中加载指定页码的分页数据，而不需要刷新整个页面。这样可以提高用户的体验，并减少对服务器的请求压力。