调用一个接口中的数据一次显示10条，点击按钮加载更多数据怎么写

您可以通过以下步骤来实现这个功能：

1. 定义一个变量来存储当前已经加载的数据量，比如叫做 `loadedCount`，初始值为10。

2. 当用户点击加载更多按钮时，调用一个函数，比如叫做 `loadMoreData()`。

3. 在 `loadMoreData()` 函数中，使用异步请求（比如 Ajax）来获取更多的数据，并将数据添加到页面上。

4. 在每次获取到数据后，将 `loadedCount` 的值增加获取到的数据量。

5. 在每次获取到数据后，判断是否还有更多的数据需要加载。如果没有，就禁用加载更多按钮。

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

let loadedCount = 10;

function loadMoreData() {
  // 发送异步请求获取更多数据
  // 假设返回的数据存在 data 变量中
  // ...

  // 将获取到的数据添加到页面上
  for (let i = 0; i < data.length; i++) {
    // 添加数据到页面的代码
    // ...
  }

  // 增加已经加载的数据量
  loadedCount += data.length;

  // 判断是否还有更多的数据需要加载
  if (loadedCount >= totalDataCount) {
    // 没有更多的数据需要加载，禁用加载更多按钮
    // ...
  }
}

其中，`totalDataCount` 变量表示接口中总共的数据量。