Django模板中hx-get动态传参异常：后端仍接收初始占位符

核心原因 #

你的视图函数v_tools中的snCI是URL路径参数（通过Django路由捕获的参数），但你通过JavaScript传递的是URL查询参数（即?snCI=xxx格式的参数），两者不属于同一参数来源，视图不会自动将查询参数赋值给路径参数，因此后端始终拿到初始的placeholder值。

另外需确认：点击按钮时浏览器实际发送的请求URL是否为JS生成的新URL——如果HTMX未识别到动态更新的hx-get属性，也会导致请求旧URL。

解决方法 #

方法一：改用查询参数匹配（保持JS当前写法） #

修改视图代码，从request.GET中获取查询参数，而非依赖路径参数：

def v_tools(request):
    # 从查询参数中获取snCI，默认值可根据需求调整
    snCI = request.GET.get('snCI', '0')
    logger.info(f"snCI={snCI}")

同时确保Django路由配置中没有路径参数定义，示例：

# urls.py
path('base/tools/', v_tools, name='tools-baseline')

方法二：改用路径参数匹配（与模板初始URL逻辑一致） #

修改JS代码，生成带路径参数的URL：

function build_hx_get() {
    var checkboxes = $('input[name=selectedcis]:checked');
    var values = checkboxes.map(function() {
        return $(this).val();
    }).get();
    selectedValuesString = values.join(',');
    console.log(selectedValuesString);      

    // 生成带路径参数的URL
    var url = "/base/tools/" + selectedValuesString + "/";
    
    var timestamp = new Date().getTime();
    url += "?timestamp=" + timestamp;

    $('#submit-button').attr('hx-get', url);
    // 可选：如果HTMX未识别属性变化，手动触发重新处理
    htmx.process(document.getElementById('submit-button'));
}

同时更新Django路由配置，添加路径参数捕获：

# urls.py
path('base/tools/<str:snCI>/', v_tools, name='tools-baseline')

这样视图函数的snCI参数就能正确获取到JS传递的值。

额外排查步骤 #

1. 点击按钮时打开浏览器开发者工具的Network面板，查看实际发送的请求URL，确认是否为JS生成的新URL。
2. 如果请求URL仍是旧的，在JS更新hx-get属性后，调用htmx.process()重新处理按钮元素，确保HTMX识别到属性变化。

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