Django多表格切换时分页功能异常问题求助

核心问题是分页请求未携带当前选中的表格类型参数，导致后端默认返回用户表格数据。以下是具体修复步骤：

1. 前端存储并传递表格类型 #

在切换表格的JS逻辑中，新增全局变量存储当前表格类型，并更新分页链接的参数：

// 全局变量记录当前选中的表格类型，默认是用户表格
let currentTableType = 'user';

function switchTable(tableType) {
    currentTableType = tableType;
    $.ajax({
        url: `/switch-table/${tableType}/`,
        type: 'GET',
        success: function(data) {
            $('#table-container').html(data);
            // 加载新表格后，立即更新分页链接的参数
            updatePaginationParams();
        }
    });
}

// 给分页链接添加当前表格类型参数
function updatePaginationParams() {
    $('#table-container .pagination a').each(function() {
        let originHref = $(this).attr('href');
        // 移除旧的table_type参数，避免重复
        originHref = originHref.replace(/([?&])table_type=[^&]*&?/, '$1');
        // 拼接新的table_type参数
        const connector = originHref.includes('?') ? '&' : '?';
        $(this).attr('href', `${originHref}${connector}table_type=${currentTableType}`);
    });
}

2. 后端视图接收表格类型参数 #

修改分页处理的视图函数，根据前端传递的table_type参数返回对应表格的分页数据：

# views.py
from django.core.paginator import Paginator

def table_pagination(request):
    # 获取前端传递的表格类型，默认返回用户表格
    table_type = request.GET.get('table_type', 'user')
    
    # 根据类型选择对应的数据集
    if table_type == 'user':
        queryset = User.objects.all()
    elif table_type == 'order':
        queryset = Order.objects.all()
    elif table_type == 'product':
        queryset = Product.objects.all()
    # 可扩展更多表格类型
    
    paginator = Paginator(queryset, 10)
    page_num = request.GET.get('page', 1)
    page_data = paginator.get_page(page_num)
    
    # 返回对应表格的模板
    return render(request, f'{table_type}_table.html', {'page_data': page_data})

3. 分页模板中保留表格类型参数 #

在分页模板片段里，确保分页链接携带table_type参数：

<!-- 分页模板代码 -->
<div class="pagination">
    {% if page_data.has_previous %}
        <a href="?page={{ page_data.previous_page_number }}&table_type={{ request.GET.table_type }}">上一页</a>
    {% endif %}
    <span>第 {{ page_data.number }} 页 / 共 {{ page_data.paginator.num_pages }} 页</span>
    {% if page_data.has_next %}
        <a href="?page={{ page_data.next_page_number }}&table_type={{ request.GET.table_type }}">下一页</a>
    {% endif %}
</div>

4. 验证逻辑 #

切换表格后，检查分页链接的URL是否包含table_type参数；点击分页按钮时，后端能根据该参数返回对应表格的分页数据，即可解决问题。

内容的提问来源于stack exchange，提问作者Galinski