如何使用flask后端显示唯一的loding.gif on (onclick)？
要使用Flask后端显示唯一的loading.gif on (onclick)，可以按照以下步骤进行：
- 创建一个Flask应用程序并引入必要的模块：
from flask import Flask, render_template
app = Flask(__name__)- 在项目的静态文件夹中创建一个名为
static的文件夹，并将loading.gif文件放入其中。 - 在项目的模板文件夹中创建一个名为
templates的文件夹，并在其中创建一个名为index.html的模板文件。 - 在
index.html模板文件中添加以下代码：
<!DOCTYPE html>
<html>
<head>
<title>Loading GIF Example</title>
</head>
<body>
<h1>Click the button to show the unique loading GIF</h1>
<button onclick="showLoading()">Show Loading</button>
<div id="loadingDiv" style="display:none;">
<img src="{{ url_for('static', filename='loading.gif') }}" alt="Loading...">
</div>
<script>
function showLoading() {
var loadingDiv = document.getElementById('loadingDiv');
loadingDiv.style.display = 'block';
}
</script>
</body>
</html>- 在Flask应用程序中创建一个路由，将
index.html模板文件渲染并返回给客户端：
@app.route('/')
def index():
return render_template('index.html')- 启动Flask应用程序：
if __name__ == '__main__':
app.run()现在，当用户访问Flask应用程序的根URL时，将显示一个按钮。当用户点击按钮时，将显示唯一的loading.gif。
相关·内容
我是jquery & js的新手。我正在为我的迷你项目使用一个flask应用程序。 我通过js/jquery脚本调用loding.gif文件。它的工作原理就像我点击loding.gif文件中的提交按钮一样，但它显示在下面的提交按钮本身。我想像‘如果我点击提交按钮在html中，只有loding.gif作为显示’其他内容，如表单名称下拉列表，一切都必须隐藏。 我需要改变什么？ inde
浏览 19提问于2021-08-21得票数 0
回答已采纳
我正在创建一个网站，在HTML，CSS和JavaScript，我需要一个人工智能驱动的聊天机器人。我有必需的python文件，它由chatbot (AI，NLTK)的逻辑组成。现在，在python文件中，我有一个名为" response ()“的函数，它将用户消息作为参数，并在运行NLP逻辑后返回处理后的响应。我想做的是，一旦用户发送消息，
response(user-response) JavaScript将该消息存储在变量(例如，用户响应)中，并应将该变量作为参数发送到p
浏览 20提问于2022-11-24得票数 2
1回答
我在从Flask/Sql加载的模态窗口中也有一些输入，我希望让用户更新其中的任何一个，所以我需要在单击submit按钮时将数据发送回python。但是现在，由于我有太多的模态窗口(即使它们有独立的i)，我无法找到实现这个目标的方法。javascript:void(0);"id="btnSubmit">{{ _('Save Changes') }}</a></sect
浏览 1提问于2018-12-26得票数 2
这是为我的迷你项目，这是evaluated..basically，我需要一个图形用户界面来显示双哈希实现。我使用html和css来创建我的前端，但是我不能将我的后端连接到前端。我用python编写了代码，前端部分使用HTML和CSS html格式的双重散列页面，我需要在其中嵌入python代码： <html><link href='style1.css' rel
浏览 77提问于2019-05-17得票数 1
回答已采纳
1回答
我在flask上提供了一些计算结果。我不能很好地估计这需要多长时间。从概念上讲，当计算正在运行时，我如何在flask中实现对用户的通知？它是类似于流数据的东西吗？我知道这听起来很普通，我要求的东西我应该看起来像是解决问题的建议，或者是一个伪代码的脚手架，展示来自前端的GET ajax<e
浏览 0提问于2018-10-21得票数 0
例如，以下是嵌入在HTML文件中的JS代码中的一些代码行： e.preventDefaultbecause the url_for is filled in when the page is loaded, rather than when it is called.如何将页面重定向到编辑:当我使用托宾的</em
浏览 0提问于2020-08-21得票数 0
1回答
使用flask登录模块的临时会话
、、、、
如何在后端由Flask支持的iOS应用程序中创建/维护临时会话。我使用flask-login模块来管理用户会话。我想让用户试用我的iOS应用程序，而无需用户注册/登录。当用户匿名时，我的应用程序的行为类似于用户登录时的行为。
我想使用用户的设备令牌作为唯一标识。是否可以仅使用设备令牌创建会话(通常我们提供用户id和密码)
浏览 1提问于2013-10-09得票数 1
我不完全确定我想做的事是可行的。我想要一个现成的网站，我可以使生活相当快，但后来修改它与python代码。我有基本的python知识，并且在过去的工作中经常使用SQL作为BSA。我也有一些HTML的经验，虽然我需要一个沉重的刷子，以实际建立一个网站。我们当时更专注于闪光灯。(15年前左右)。我想要一个基本的模板网站，我可以使与很少的定制生活，并逐步学习和修改它与python。我读过关于Django模板的</e
浏览 2提问于2021-08-12得票数 0
回答已采纳
我正在制作一个系统来跟踪运动日事件的条目，我可以从表单中获取数据到Python后端，但我不知道如何将事件条目的数据也获取到后端。我已经使用Flask和WTForms创建了一个表单，我可以提交所有与用户相关的数据，但是由于他们可以从单个事件一直输入到他们能够输入的每个事件，所以表单将有不同数量的选择字段，我想将这些选择字段中的数据打包到一个我唯一的问题是，如何将此数
浏览 52提问于2019-02-25得票数 1
在这样的代码中，我对非常简单的一页网站使用了Flask的validate_on_submit()函数： testStrField = StringField在我的<form></form>中，还有一些按钮为onclick事件提供了单独的JS处理程序，我注意到，对我的站点的每个POST请求都会以对每个请求返回TRUE
浏览 3提问于2021-01-25得票数 0
1回答
我有一个网页，其中显示了一个数据库的内容表，这是用flask和sqlite3完成的。我想在每一行旁边添加一个按钮，它向flask发送一个请求，以运行一个函数，例如从我的数据库中删除相应的元素，然后重新加载我的页面。delete" type="button" id="{{ d[2] }}">DELETE</button></td>
</tr
浏览 0提问于2021-05-27得票数 0
我正在从没有前端框架的Flask后端过渡到Vue.js (还没有选择后端)。以前，我会创建一个base.html文件，其中包含所有样板html代码和依赖项(如样式表的链接)、javascript依赖项(如j-query库)以及我的网站的html组件，这些组件应包含在每个页面上(然后，我将使用jinja2模板语言在每个后续页面中扩展base.html。
我想用Vue做一些类似的事情，但不确定在哪里实现这种“base.html”式的代码。
浏览 2提问于2018-05-16得票数 0
2回答
我有一个简单的应用程序，我想控制一个计数器与反应。我试图了解数据是如何从前端发送到后端，以及如何从后端发送到前端。from flask import Flask, request
@app.route('/led', me
浏览 4提问于2022-04-27得票数 0
1回答
我有一个简单的酒瓶应用程序与许多形式。将显示第一个表单，当用户回答问题并单击“next”按钮时，将显示下一个表单.直到最后一份表格。
我想按时间显示一张表格，但我想保持原样。
浏览 5提问于2016-11-06得票数 0
回答已采纳
1回答
我对Javascript和React框架非常陌生，但是我正在尝试创建一个仪表板，其中的选择下拉按钮应该显示医院的列表，这些医院是从flask后端的数据处理的。hospitals[1:] %} {%endfor%})} 这是我的Fla
浏览 21提问于2021-06-14得票数 0
回答已采纳
如何在使用以下代码时显示和隐藏loding.gif图像？这就是所有的代码。这里没有beforeSend:或success:。option="+$("#seg").val());这里发生的情况是，当下拉列表的值发生变化时，它将为另一个下拉列表获取新内容。
浏览 0提问于2013-01-17得票数 0
回答已采纳
1回答
我有一个python脚本，它希望通过HTTPS与使用自签名证书的烧瓶应用程序进行通信。
我用openssl创建了一个SSL证书。我希望烧瓶只接受使用该证书的连接，并拒绝不使用证书的连接。
浏览 3提问于2015-05-13得票数 3
回答已采纳
1回答
我正在开发一个可靠的智能契约，并通过命令行通过brownie运行的python代码来部署它。此外，我正在开发一个带有类型记录的前端dApp，以进行交互，并部署这些合同。使用useDApp允许我与已经部署的合同进行交互，但我仍然没有弄清楚如何通过前端部署这些合同。
简单地说，"deploy.py“代码有一个函数，它部署可靠的代码，并将一些变量传递给构造函数。在App (类型记录)的前端，我有一个用户可以填写的表单，然后当他们点
浏览 2提问于2022-01-19得票数 1
6回答
我正在构建一个web应用程序，其中包含各种行业的计算器。我正在使用html和css的布局(颜色，大小等)。然而，像算术运算这样的核心功能将使用纯python编程而不是javascript来完成。问题是-如何将我的python文件链接到html？
浏览 0提问于2019-05-04得票数 0
2回答
我正在使用Gunicorn和Nginx作为反向代理运行Python应用程序。网页由Gunicorn和Nginx直接从我的静态文件夹提供文件服务。
它正常工作，除非我在静态资源上得到404。我在Flask中设置了自定义错误处理程序，以便在HTTP错误代码上显示“漂亮”错误页。当我请求一个不存在的页面时，这也很好。然而，当静态资源不存在时，nginx就会提供自己的默认404页，而不是Flask应用程序的404页(这是有意义的，因为它绕过G
浏览 0提问于2016-01-17得票数 1
回答已采纳
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
%EF%BC%9F-article){kind=link}
%EF%BC%9F-ask){kind=link}
%EF%BC%9F-video){kind=link}
%EF%BC%9F-salon){kind=link}
腾讯云开发者
