html按钮调用python_javascript – Flask – 在按钮OnClick事件上调用python函数

您可以在AJAX的帮助下完成此操作…

下面是一个调用python函数的示例,该函数在不重定向或刷新页面的情况下打印hello.

在app.py下面的代码段.

//rendering the HTML page which has the button

@app.route('/json')

def json():

return render_template('json.html')

//background process happening without any refreshing

@app.route('/background_process_test')

def background_process_test():

print "Hello"

return "nothing"

您的json.html页面应如下所示.

$(function() {

$('a#test').bind('click', function() {

$.getJSON('/background_process_test',

function(data) {

//do nothing

});

return false;

});

});

//button

Test

Test

这里当您在控制台中按下Test simple按钮时,您可以看到“Hello”显示没有任何刷新.

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML 中,按钮可以使用 `<button>` 标签来创建。要在按钮调用 Python 函数,你需要使用 JavaScript 来实现。 以下是一种实现方法: 1. 首先,创建一个按钮,给它一个 ID 并添加一个点击事件的监听器: ``` <button id="myButton" onclick="callPythonFunction()">点击这里</button> ``` 2. 在 JavaScript 中,编写 `callPythonFunction()` 函数,并在其中使用 AJAX 发送请求到后端 Python API: ``` function callPythonFunction() { var xhr = new XMLHttpRequest(); xhr.open("POST", "/api/my-python-function", true); xhr.setRequestHeader('Content-Type', 'application/json'); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { console.log(xhr.responseText); } }; xhr.send(JSON.stringify({})); } ``` 在此示例中,我们使用了 AJAX 发送一个 POST 请求到 `/api/my-python-function`,并将请求体设置为空 JSON 对象 `{}`。请注意,这里的 URL 应该是你自己的 Python API 的 URL。 3. 在后端 Python 中,编写一个处理 `/api/my-python-function` 请求的函数,并在其中执行你想要执行的 Python 代码: ``` @app.route('/api/my-python-function', methods=['POST']) def my_python_function(): # 执行你想要执行的 Python 代码 return 'Python 函数已被成功调用!' ``` 在此示例中,我们使用 Flask 框架来编写后端 Python 代码。请注意,在实际应用中,你需要根据自己的需求来选择合适的框架或库。 这就是实现按钮调用 Python 函数的基本方法。当用户点击按钮时,JavaScript 代码将发送一个请求到后端 Python API,并在收到响应后执行相应的操作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值