ata() 方法根据页码加载数据,并更新元素内容:function fetchData(page)

`ata()` 方法是一个用于分页加载数据并动态更新页面内容的函数。它接受一个参数 `page`，通常表示用户请求查看的数据集的当前页数。这个方法的工作流程一般如下：

1. **检查边界条件**：首先，它会验证传入的页码是否有效，比如是否超出总页数范围。

2. **发送请求**：然后，基于给定的页码向服务器发起API请求，请求指定页的数据，例如第 `page * pageSize` 到 `(page + 1) * pageSize - 1` 的记录。

3. **解析响应**：收到服务器返回的数据后，解析成适合前端显示的结构。

4. **更新DOM**：将处理后的数据渲染到网页的对应位置，可能是替换掉原有的列表项，或者追加新的元素。

5. **事件绑定**：如果需要，可能还会绑定一些交互事件，如分页导航、刷新等。

function fetchData(page) {
    if (typeof page !== 'number' || page < 1) {
        console.error('Invalid page number');
        return;
    }

    const pageSize = 10; // 假设每页显示10条数据
    const url = `api/data?page=${page}`;

    fetch(url)
        .then(response => response.json())
        .then(data => {
            updateElementContent(data.items); // 更新页面元素内容
            handlePaginationEvents(); // 可能还有其他事件处理
        })
        .catch(error => console.error('Failed to load data:', error));
}

// 更新元素内容的函数
function updateElementContent(items) {
    // 渲染或替换DOM元素
}

// 分页事件处理函数
function handlePaginationEvents() {
    // 添加下一页、上一页等按钮点击事件监听
}