js ajax 排序分页

$(document).ready(function() {
    // 排序功能
    $('th').click(function() {
        var sortColumn = $(this).data('column');
        var sortOrder = $(this).data('order') == 'asc' ? 'desc' : 'asc';
        fetchData(sortColumn, sortOrder);
    });

    // 分页功能
    $('a.page-link').click(function(e) {
        e.preventDefault();
        var page = $(this).data('page');
        fetchData(null, null, page);
    });

    function fetchData(sortColumn, sortOrder, page) {
        $.ajax({
            url: '/your-endpoint',
            type: 'GET',
            data: {
                sortColumn: sortColumn,
                sortOrder: sortOrder,
                page: page
            },
            success: function(response) {
                $('#data-container').html(response.data);
            },
            error: function(xhr, status, error) {
                console.error('Error fetching data:', error);
            }
        });
    }
});