织梦列表页翻页js代码

<div id="content">
    <!-- 数据将在这里显示 -->
</div>
<div id="pagination">
    <button id="prevPage">上一页</button>
    <span id="pageInfo"></span>
    <button id="nextPage">下一页</button>
</div>

let currentPage = 1;
const totalPages = 10; // 假设总共有10页

function loadPage(page) {
    // 这里使用AJAX请求获取数据
    fetch(`/api/data?page=${page}`)
        .then(response => response.json())
        .then(data => {
            document.getElementById('content').innerHTML = data.content;
            document.getElementById('pageInfo').textContent = `第 ${page} 页 / 共 ${totalPages} 页`;
        })
        .catch(error => console.error('Error:', error));
}

document.getElementById('prevPage').addEventListener('click', () => {
    if (currentPage > 1) {
        currentPage--;
        loadPage(currentPage);
    }
});

document.getElementById('nextPage').addEventListener('click', () => {
    if (currentPage < totalPages) {
        currentPage++;
        loadPage(currentPage);
    }
});

// 初始加载第一页数据
loadPage(currentPage);