function loadPage(page, pageSize) {
    // 构建查询字符串
    const queryString = $.param({
        page: page,
        pageSize: pageSize,
        keyword: $('#search-input').val(),
        sortField: 'create_time',
        sortOrder: 'desc'
    });

    $.ajax({
        url: '/api/data?' + queryString,
        type: 'GET',
        dataType: 'json',
        success: function(response) {
            // 处理返回数据
            renderData(response.data);
            renderPagination(response.total, page, pageSize);
        },
        error: function(xhr, status, error) {
            console.error('分页加载失败:', error);
        }
    });
}

// 初始化加载第一页
loadPage(1, 10);

$(document).on('click', '.page-item', function() {
    const page = $(this).data('page');
    const pageSize = $('#page-size-select').val();
    loadPage(page, pageSize);
});

// 使用$.param()自动处理编码
const params = {
    search: "特殊字符&值"
};
const queryString = $.param(params);

// 确保前后端参数名一致
const queryString = $.param({
    page: currentPage,
    size: pageSize  // 确保与后端参数名匹配
});

$.ajax({
    url: '/api/data',
    data: {
        page: page,
        _: new Date().getTime()  // 添加时间戳防止缓存
    },
    // ...
});

let isLoading = false;

function loadPage(page) {
    if(isLoading) return;
    
    isLoading = true;
    $.ajax({
        // ...
        complete: function() {
            isLoading = false;
        }
    });
}

function loadPage(page) {
    const queryString = $.param({page: page});
    $.ajax({
        url: '/api/data?' + queryString,
        success: function(data) {
            // 更新URL但不刷新页面
            history.pushState(null, null, '?page=' + page);
            // 处理数据...
        }
    });
}

// 处理浏览器前进/后退
$(window).on('popstate', function() {
    const page = new URLSearchParams(window.location.search).get('page') || 1;
    loadPage(page);
});

$('#search-form').on('submit', function(e) {
    e.preventDefault();
    const formData = $(this).serialize(); // 自动序列化表单为查询字符串
    $.ajax({
        url: '/api/data?' + formData + '&page=1',
        // ...
    });
});