在鼠标悬停时使用引导 javascript 调用 python 并执行它答案

【问题标题】：calling python with bootstrap javascript on mouse over and execute it在鼠标悬停时使用引导 javascript 调用 python 并执行它
【发布时间】：2017-05-06 04:21:17
【问题描述】：

在阅读引导文档时，我感到很困惑，但我读过你可以用 javascript 调用 python，如果你能帮助我解决我的问题，我将不胜感激。

我正在为后端的东西运行烧瓶和 python，但是当 html id 鼠标悬停在上时，我需要调用 python。

这里是一些示例 html：

<body>
    <button class="btn btn-default" type="button" id="firstbutton">Button</button>
    <button class="btn btn-default" type="button" id="secondbutton">Button</button>
</body>

我知道使用 javascript 调用更改正文背景颜色非常容易，但对于我的工作，我需要查看调用 python 的代码。（我知道，我知道......但我真的很想看看过程）。任何人都可以这么好，并简要地向我解释这是如何工作的。真的很感激。

让我们假设：

onmouseover > id="firstbutton" > 正文变为红色（背景色）
onmouseover > id="secondbutton" > 正文变为黑色（背景色）

【问题讨论】：

$("#firstbutton").on("mouseover", function() { $(body).css("backgroundColor", "red"); }); 是您如何将事件侦听器添加到 id 以使用 jQuery 更改正文背景颜色。不知道你在说什么调用 python 代码...浏览器不能执行 python，只能执行服务器，所以如果你需要服务器做某事，你会进行 XHR 调用。
像事情一样思考。 HTML 用于内容，CSS 用于样式，JavaScript 用于动态前端，例如在不刷新页面的情况下更改内容。
是的，伙计们，我明白这一切。但是我有后台操作，我真的需要执行python。
@Testingman 那么你需要构建一个 api，然后在 mouseover 事件中你将对调用服务器端 python 代码的 api 进行 XHR 调用
@Testingman 您在 Flask 中的后端代码是什么样的？你宣布了哪些路线？

标签： python html twitter-bootstrap flask

【解决方案1】：

我最终以http://flask.pocoo.org/docs/0.11/patterns/jquery/ 中的代码为起点做了类似的事情。

基本思想是有一个“辅助路由”，其中包含您要执行的所有 python，然后使用 jQuery 将您想要的数据发送到该辅助路由。然后它获取从 python 路由返回的数据（在本例中为 JSON），然后根据返回的数据执行您想要的任何 HTML 操作。

【讨论】：