Django表单提交后，如何获取相同name的不同value值

关注

原创最新推荐文章于 2026-10-13 11:50:46 发布 7.1k 阅读 AI 写同款· GEO 优化 ›

现代前端表单提交：Fetch API与FormData的黄金组合实践在Web开发中，表单提交是基础且高频的操作，其核心在于客户端与服务器之间的数据交互。传统方式如原生表单提交或jQuery.ajax，常伴随页面刷新与回调地狱问题，影响用户体验与代码维护。现代前端技术通过Fetch API提供了基于Promise的异步请求方案，它支持链式调用与async/await，能更精细地控制请求与响应流程。结合FormData对象，开发者可以轻松构建符合multipart/form-data格式的请求体，尤其简化了文件上传等复杂场景的数据处理。这种组合不仅提升了前端对数据验证、乐观更新阅读详情

i前端：nput_test.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Search</title>
    <script>

    </script>
</head>
<body>
    <div><p>{{ result }}</p></div>
    <form action="" method="post">{% csrf_token %}
        <input type="text" name="key">
        <input type="text" name="key">
        <input type="submit" value="Search" >
    </form>
</body>
</html>

两个<input >标签name都是'key'

后台：Django views.py

def setting(request):
    if request.method == 'POST':
        result_list = request.POST.getlist('key', '')
        result = str(result_list)
        return render_to_response('input_test.html', locals(), context_instance=RequestContext(request))
    else:
        return render_to_response('input_test.html', locals(), context_instance=RequestContext(request))

运行后，在浏览器表单中输入：

打开chrome ，提交表单，看FormData,其实浏览器已经向后台提交了两个name 为'key '的值。

后台也成功接收到一个列表 ['1', '2']。

主要是这个API request.POST.getlist(),可以接收到所有共享同一个name的value，

QueryDict.getlist(key, default)¶

    Returns the data with the requested key, as a Python list. Returns an empty list if the key doesn’t exist and no default value was provided.
 It’s guaranteed to return a list of some sort unless the default value was no list.

参考：http://stackoverflow.com/questions/14348321/getting-distinct-values-from-inputs-that-share-the-same-name

收录于