POST请求后Django视图无法渲染页面问题求助

你遇到的核心问题是：你用jQuery的$.post发起的是异步AJAX请求，服务器返回的模板内容并不会自动替换当前页面的内容——AJAX请求的响应需要你手动处理，才能把新的HTML渲染到页面上。

具体解决步骤 #

1. 调整前端JS代码，添加响应回调

修改你的$.post请求，加上success回调函数，把服务器返回的HTML插入到页面的指定容器中。比如假设你页面上有一个用来展示WIP内容的容器（比如<div id="wip-content"></div>），就可以这样做：

$(".clickable-schedule-row").dblclick(function() {
    // 优化了取值方式，用eq()更直观，trim()去除多余空格
    const id = $(this).children('td').eq(6).text().trim();
    const process = $(this).children('td').eq(7).text().trim();
    
    $.post("/productionFloor/wip/", {
        'csrfmiddlewaretoken': $("[name=csrfmiddlewaretoken]").val(),
        'id': id,
        'process': process
    }, function(data) {
        // 把返回的HTML渲染到页面指定容器里
        $("#wip-content").html(data);
    }).fail(function() {
        // 可选：处理请求失败的情况，提升用户体验
        alert('加载WIP数据失败，请重试');
    });
});

2. 确保视图返回的是可嵌入的内容（可选优化）

如果你的wip.html是包含<html>、<body>的完整页面，直接插入到现有页面中会导致结构混乱。建议把WIP的核心内容抽成一个部分模板（比如命名为_wip_content.html），然后在视图里返回这个部分模板：

from django.shortcuts import render

def wip_view(request):
    if request.method == "POST":
        print(request.POST['id'])
        print(request.POST['process'])
        # 返回仅包含WIP内容的部分模板
        return render(request, '_wip_content.html', {'nbar': 'production_floor'})
    # 处理GET请求的逻辑（如果需要的话）
    return render(request, 'wip.html', {'nbar': 'production_floor'})

3. 页面结构配合

确保你的页面上存在对应的容器，用来承载新渲染的内容：

<!-- 页面中预留的WIP内容容器 -->
<div id="wip-content">
    <!-- 初始内容或空状态提示 -->
</div>

额外优化建议 #

• 避免直接通过索引获取td，可以给目标单元格添加data-id和data-process属性，比如<td data-id="{{ item.id }}">{{ item.id }}</td>，然后用$(this).find('[data-id]').data('id')获取数据，这样代码更健壮，后续页面结构调整时不容易出错。
• 可以在请求发起时添加加载状态：

  // 请求开始时显示加载提示
  $("#wip-content").html('<div class="loading">加载中...</div>');
  

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