Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在表单提交后加载带有值的Jinja2模板

如何在表单提交后加载带有值的Jinja2模板
EN

Stack Overflow用户
提问于 2016-02-03 01:42:38
回答 1查看 1.5K关注 0票数 0

我在Jinja2模板中有一个表单。这就是我想要做的:

  • 用户提交表单后,后端中的处理程序将排队处理异步任务。
  • 然后,处理程序使用填充用户提供的值的表单重新加载当前页。

做这件事最好的方法是什么?例如,我的表单中有一个<select>输入,如下所示:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  <select id="shift_selected" name="shift_selected">
  {% for shift in Shifts %}
    <option value="{{ shift }}" {{ 'selected' if shift == selected_shift }}>{{ shift }}</option>
  {% endfor %}
  </select>

现在,要在表单提交后重新呈现页面,

  • 我的处理程序必须解析输入,得到'shift_selected‘的值
  • 然后设置‘selected’的值。

args‘’selected_shift‘= self.request.get("selectedShift")

template.render(args)

处理程序实质上接收一些表单值中的数据,并发送与模板变量值相同的数据。有没有更好的方法。如果做了很长的一段时间,这种方法是相当乏味的。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-02-03 21:50:51

实际上,您甚至可以将request对象作为param传递给Jinja模板。或者编写一个函数,将request中的所有GET或POST参数复制到Jinja参数。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
args['request'] = self.request
template.render(args)

<select id="shift_selected" name="shift_selected">
{% for shift in request.get('selectedShift') %}
    <option value="{{ shift }}" {{ 'selected' if shift == selected_shift }}>{{ shift }}</option>
{% endfor %}
</select>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35173383

复制
相关文章
form表单中带有文件上传,同时提交
前台JS(easyUI) function EditsubmitForm() { var father = $('#select_category').combobox('getValue'
唐怀瑟
2018/08/30
5.1K0
layui表单提交数据_vue表单值无变化不让提交
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/08
1.7K0
vue的form表单提交_axios提交表单
利用v-model能比较便捷地上传用户信息的数据,不用一个个参数地拼接。直接在data根据要传的字段定义一个对象,
全栈程序员站长
2022/11/10
6.6K0
form表单提交后如何弹出对话框_ajax提交form表单数据
没想到有这么多人浏览这个文章,看来网络的文章害人不浅啊,我重新把代码格式化了,大家好好看吧。
全栈程序员站长
2022/11/09
3.7K0
React技巧之表单提交获取input值
原文链接:https://bobbyhadz.com/blog/react-get-form-input-value-on-submit[1]
chuckQu
2022/08/19
1.6K0
React技巧之表单提交获取input值
js校验表单后提交表单的三种方法总结
方法一: <script type="text/javascript"> function check(form) { if(form.userId.value=='') { alert("请输入用户帐号!"); form.userId.focus(); return false; } if(form.password.va
小小鱼儿小小林
2020/06/24
2.4K0
js校验表单后提交表单的三种方法总结
本篇文章主要是对js校验表单后提交表单的三种方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助。
麦克劳林
2018/09/11
2.8K0
表单提交原理_防止表单重复提交
<form>标签的属性enctype设置以何种编码方式提交表单数据。可选的值有三个:
全栈程序员站长
2022/11/08
5.5K0
form 表单提交后,使页面不跳转[通俗易懂]
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/127976.html原文链接:https://javaforall.cn
全栈程序员站长
2022/07/31
8.5K0
form 表单提交后,使页面不跳转[通俗易懂]
java表单提交方法_表单提交的几种方式[通俗易懂]
说明:用户提交按钮或图像按钮时,就会提交表单。使用或都可以定义提交按钮,只要将其特性的值设置为“submit”即可,而图像按钮则是通过的type特性值设置为”image”来定义的。因此,只要我们单击一下代码生成的按钮,就可以提交表单。
全栈程序员站长
2022/09/30
5.1K0
[前端] 设定为disabled的表单域值不能被提交
表单中的某个表单域被设定为disabled,则该表单域的值就不会被提交。 但是我们需要提交这个里面的默认值,这个时候需要使用readonly 但是readonly的样式不好看,会不像禁用状态,需要增加
唯一Chat
2020/09/14
9350
表单提交
在html中经常用到<form>标签。而我们在使用过程会经常这样用<input name=”sub” type=”submit” value=”提交” /> 也就是说当我们点击提交的时候会执行<form action=”file.php” method=”get” id=”se” name=”se”>action的动作(例子是提交到file.php页面)方法是get。 当没有提交按钮时而是用一个热图加onclick属性来完成,我们可以这样用 <form id=”search” name=”search”
苦咖啡
2018/05/07
4.5K0
织梦自定义表单提交后的提示修改
文章时间:2020年1月4日 11:25:35 解决问题:修改自定义表单提交后的提示信息弹窗,并停留在当前页面 第一步:找到并打开/include/common.func.php文件 funct
华创信息技术
2020/02/11
1.3K0
Ansible Jinja2 模板使用
3、 该用户也被 ansible 使用,因为几乎所有的生产环境都是禁止 root 远程登录的(因此该 yun 用户也进行了 sudo 提权)。
踏歌行
2020/10/15
4.9K0
Ansible Jinja2 模板使用
Flask 中的Jinja2模板引擎
在 Web 项目中,前端的显示效果是通过 HTML 语言来实现的,后端的视图函数将数据或模板文件返回给前端。
Python碎片公众号
2021/02/26
1.7K0
Flask 中的Jinja2模板引擎
js form表单提交(jsp form表单提交方式)
最近工作比较忙,着急上线,写个简单的东西吧 url为你要提交的地址 params 为你提交的参数
全栈程序员站长
2022/07/30
14.8K0
form实现表单提交的各种方法(表单提交源码)
这种方法实际上是调用了一个javascript函数,使用javacript函数来提交表单,方法就非常多非常灵活了,比如可以把它加入到任意一个标签的onclick事件中:
全栈程序员站长
2022/08/01
5.7K0
js中带有参数的函数作为值传入后调用问题
每天不是在写 bug,就是在解 bug 的路上~更多精彩文章请关注公众号『Pythonnote』或者『全栈技术精选』
小闫同学啊
2020/07/14
8.6K0
git命令中带有特殊符号如@
使用带用户密码clone的方式: git clone https://username:password@remote 当username和password中含有特殊符号会导致出错, 因为为http的请求,所以需要将特殊符号encode成url格式的 java使用: String c = java.net.URLEncoder.encode(".","utf-8"); System.out.println(c); 源文档 <http://blog.csdn.net/qq1142003960/article/
千往
2018/01/24
2.1K0
点击加载更多

相似问题

如何在提交时显示表单值(重新加载后)?

21

Prestashop 1.6:如何在提交管理表单后加载不同的模板?

15

如何在提交表单后清除字段并在页面重新加载后显示表单值

219

如何在提交表单后重置表单的值。

11

如何在提交Ajax表单后加载html?

20
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文