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
补充知识:django中form从后端查询回显到前端以及表单的提交到服务器操作
这个表格是我以下代码出现的效果,以下代码也可以实现图中修改保存删除操作。
1:首先你得创建一张表,在这里建表语句我就不再写了,再也简单不过了。(别忘了加点数据哦!)
2:将表的数据通过view.py的函数返回到前端。在这里stu是表名,将所有的返回结果all通过一个data字典传到前端的all里面去
def showstu(request): all=stu.objects.all() data={ "all":all } return render(request,"searchstu.html",context=data)
3:有数据我们就可以拿到前端来展示了。
4 :新建一个searchstu.html文件,用来展示用的。
这个是最简单的表用来提示用的
<table border="1" cellpadding="0" > <tr > <td>姓名</td> <td>年龄</td> <td>性别</td> <td>班级</td> <td colspan="3">操作</td> </tr> </table>
这个表是实现我们的功能的表
{% for student in all %}
<form action="{% url 'homework:updatestu' %}" method="get" > <table border="1" cellpadding="0"> <tr><td> <input type="text" name="s_id" value={{student.id}} style="display:none"> </td><td> <input type="text" name="s_name" value={{student.stu_name}} > </td><td> <input type="text" name="s_age"value={{ student.stu_age}}> </td><td> <input type="text" name="s_sex"value={{ student.stu_sex}}> </td><td> <input type="text" name="s_cla" value={{ student.stu_class}}> </td><td> <input type="button" id="a" value="修改" οnclick="update(this)"> #在这里用了两种方法提交到服务器,一种是submit提交,还有一种是超链接提交。 </td><td><input type="submit" value="保存" οnclick="save(this)"> </td><td><a href="/homework/delstu/{{ student.id }}" rel="external nofollow" > <input type="button" value="删除"></a> </td></tr> </table> </form>
{% endfor %}
好了查询功能已经做好了我们可以通过url访问了
url(r"^showstu/", views.showstu,name="showstu"),
现在起要操作剩下的功能了,在这里的一个比较笨的办法,要想实现点击对应的按钮删除或者修改哪一个,就要把每行都设置成一个form提交表单。
因此我把form放在for循环内部,这样循环一条就会多一个form表单。
5:实现提交后后端的处理函数,通过get获取。
更新操作
def updatestu(request): id = request.GET.get("s_id") name=request.GET.get("s_name") sex=request.GET.get("s_sex") age=request.GET.get("s_age") cla=request.GET.get("s_cla") #获取数据库中这个id将和这个id有关的数据设置成你get到前面的值,别忘记保存!修改完后直接刷新这个页面也就是重定向到这个页面 stu1=stu.objects.filter(pk=id).first() stu1.stu_age=age stu1.stu_class=cla stu1.stu_sex=sex stu1.stu_name=name stu1.save() return HttpResponseRedirect("/homework/showstu")
删除操作
def delstu(request,id): stu1=stu.objects.filter(pk=id).first() stu1.delete() return HttpResponseRedirect("/homework/showstu")
以上这篇Django表单提交后实现获取相同name的不同value值就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。
更新日志
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果(九)》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]