此时后端给你一个接口，接口中有两个参数，第一个是每页多少条数据，第二个是显示第几页，那么如何通过这个接口的方式写出翻页功能，注意，不能使用组件库

首先，我们需要在前端定义一个请求函数，用于向后端发送请求并获取数据：

function fetchData(perPage, page) {
  return fetch(`/api/data?perPage=${perPage}&page=${page}`)
    .then(response => response.json())
    .then(data => {
      // 处理数据
      return data;
    })
}

然后，在页面加载时调用该函数，获取第一页数据：

let currentPage = 1;
const perPage = 10;

fetchData(perPage, currentPage)
  .then(data => {
    // 渲染第一页数据
  })
  .catch(error => {
    // 处理错误
  });

接下来，我们需要实现翻页功能。可以在页面上放置两个按钮，分别表示“上一页”和“下一页”。当用户点击按钮时，调用 `fetchData` 函数，获取对应页的数据，并渲染到页面上：

function prevPage() {
  if (currentPage > 1) {
    currentPage--;
    fetchData(perPage, currentPage)
      .then(data => {
        // 渲染数据
      })
      .catch(error => {
        // 处理错误
      });
  }
}

function nextPage() {
  currentPage++;
  fetchData(perPage, currentPage)
    .then(data => {
      // 渲染数据
    })
    .catch(error => {
      // 处理错误
    });
}

最后，在页面上绑定按钮的点击事件：

<button onclick="prevPage()">上一页</button>
<button onclick="nextPage()">下一页</button>

这样，就完成了翻页功能的实现。