html – 如何在UI状态更改时更新wtf-form状态？

概述到目前为止,我的流程是使用WTF表单并根据用户活动更新其状态： 在我的template.html中,我有： <form action="{{ url_for('page') }}" method="POST"> <select id="sel_id" name="name1" onchange="this.form.submit();"> ... </select></f 到目前为止,我的流程是使用WTF表单并根据用户活动更新其状态：

在我的template.HTML中,我有：

<form action="{{ url_for('page') }}" method="POST">    <select ID="sel_ID" name="name1" onchange="this.form.submit();">    ...    </select></form>

…

在vIEws.py中,我得到了：

@app.route('/')@app.route('/process',methods=['GET','POST'])def process():    form = NonameForm()    if request.method == 'POST':        if 'name1' in request.form:                                    form.colors = int(request.form['name1'])

在这种情况下,这是使用WTF表单和更新form.colors等变量的正确方法吗？
我想知道我是否可以直接在Js代码的“onchange”片段内更新form.colors.

解决方法 在这种情况下,我认为没有一种“正确”的方式 – 正确的方法取决于你想要达到的目标.

答：如果 – 例如 – 你不想因为某种原因搞乱JavaScript,你不介意重新加载页面,那么你可以像在代码示例中那样做.

B.另一方面,如果你只是想重新加载页面来改变表单颜色,那么我会说这是一个开销,简单的Js脚本在这种情况下会更优雅和用户友好.

编辑回答评论问题：

你能解释一下“重装页面”吗？

当您的浏览器使用标准http方法(如GET和POST)与服务器通信以交换数据时,它必须在从服务器获得响应(这是对您的请求的答案)之后重新加载页面.
另一方面,如果您的页面使用AJAX(异步JavaScript和XML),那么事实并非如此.引用Wikipedia主题：

With AJAX,Web applications can send data to and retrIEve from a
server asynchronously (in the background) without interfering with the
display and behavior of the existing page. By decoupling the data
interchange layer from the presentation layer,AJAX allows for Web
pages,and by extension Web applications,to change content
dynamically without the need to reload the entire page.

如果我决定使用Js并且我不重新加载页面,我会在选项’A’中松开什么？

无论哪种方式都有其优点和缺点,由您决定哪种方式可行.

引用this文章：

Major advantages of AJAX:
1. It makes things short and fast.
2. Get rID of reloading page.
3. Very much useful for real time applications.
4. Reduces server load and saves banDWIDth.

Major disadvantages of AJAX:
1. Bookmarking problem.
2. Very bad for SEO.
3. Screen readers can’t access AJAX.
4. Only the modern browsers supports it and if JavaScript is not enabled at the user end,your site will look ugly.

使用Js意味着它不会重新加载页面吗？
如果您使用AJAX与服务器和Js交换数据以将结果放在您的网站上,那么是 – 不需要重新加载.

回到你的代码示例 – 如果你只是想因为演示原因而改变表单颜色,并且对于你的应用程序而言表单的颜色并不重要,那么没有理由在服务器端进行.

总结

以上是内存溢出为你收集整理的html – 如何在UI状态更改时更新wtf-form状态？全部内容，希望文章能够帮你解决html – 如何在UI状态更改时更新wtf-form状态？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。