Django中HTML GET表单提交如何保留原有URL查询参数

GET方法提交表单时，浏览器只会收集当前表单内部的有效表单项拼接成查询字符串，覆盖action地址里原有的查询参数。你当前的表单只有query这一个输入项，提交后自然会丢失URL中原有的area参数。

方法1：添加隐藏输入域（最简单，无需修改后端） #

在表单内部通过hidden类型的输入框，把需要保留的原有查询参数存起来，提交时会自动随表单一同发送。
针对你当前需要保留area参数的场景，直接修改表单代码即可：

<form action="" method="get">
    <!-- 隐藏域携带原有area参数 -->
    <input type="hidden" name="area" value="{{ request.GET.area }}">
    <input type="text" name="query" value="{{ request.GET.query }}">
    <input type="submit" value="Search">
</form>

如果后续需要保留的查询参数不固定，可以写通用遍历逻辑，不用每次新增参数都修改模板：

<form action="" method="get">
    {% for key, value in request.GET.items %}
        <!-- 跳过当前表单本身要提交的query参数，避免重复传值 -->
        {% if key != 'query' %}
        <input type="hidden" name="{{ key }}" value="{{ value }}">
        {% endif %}
    {% endfor %}
    <input type="text" name="query" value="{{ request.GET.query }}">
    <input type="submit" value="Search">
</form>

方法2：自定义模板标签（适合多页面复用场景） #

如果项目中多处需要保留URL查询参数的逻辑，可以封装自定义模板标签统一处理，减少重复代码。

1. 在对应Django应用的templatetags目录下新建query_utils.py文件，编写标签逻辑：

from django import template

register = template.Library()

@register.simple_tag(takes_context=True)
def keep_query_params(context, **kwargs):
    params = context['request'].GET.copy()
    # 更新/覆盖传入的参数
    for key, val in kwargs.items():
        params[key] = val
    return f"?{params.urlencode()}"

2. 在模板中加载自定义标签，修改表单写法：

{% load query_utils %}
<!-- 自动保留所有现有查询参数，重置query初始值为空匹配输入逻辑 -->
<form action="{% keep_query_params query='' %}" method="get">
    <input type="text" name="query" value="{{ request.GET.query }}">
    <input type="submit" value="Search">
</form>

注意：如果存在同一个参数名对应多个值的场景（比如多选筛选参数），遍历参数时要使用request.GET.lists()替代request.GET.items()，对应生成多个同name的隐藏input，避免参数值丢失。

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