js分页查询代码怎么写

// 假设我们有一个函数来处理分页查询
function fetchPaginatedData(pageNumber, pageSize) {
    // 构建请求URL，这里假设后端API接受pageNumber和pageSize作为查询参数
    const url = `/api/data?pageNumber=${pageNumber}&pageSize=${pageSize}`;

    // 使用fetch API发送请求
    fetch(url)
        .then(response => {
            if (!response.ok) {
                throw new Error('Network response was not ok ' + response.statusText);
            }
            return response.json();
        })
        .then(data => {
            // 处理返回的数据，例如更新页面上的列表
            updatePageContent(data);
        })
        .catch(error => {
            console.error('There has been a problem with your fetch operation:', error);
        });
}

// 假设我们有一个函数来更新页面内容
function updatePageContent(data) {
    // 这里应该是更新DOM的逻辑，例如使用document.getElementById或者其他前端框架的方法
    console.log('Received data:', data);
}

// 使用示例：获取第1页的数据，每页显示10条
fetchPaginatedData(1, 10);

# 假设我们使用Python Flask框架来实现后端API
from flask import Flask, request, jsonify

app = Flask(__name__)

# 假设我们有一个数据列表
data_list = [...]  # 这里填充你的数据

@app.route('/api/data', methods=['GET'])
def get_paginated_data():
    page_number = int(request.args.get('pageNumber', 1))
    page_size = int(request.args.get('pageSize', 10))

    start_index = (page_number - 1) * page_size
    end_index = start_index + page_size

    paginated_data = data_list[start_index:end_index]
    return jsonify(paginated_data)

if __name__ == '__main__':
    app.run()