layui中前端按钮调用后端python函数示例
时间: 2023-09-24 18:11:46 浏览: 101
在前端调用后端 Python 函数,需要使用 Ajax 技术。下面是一个简单的示例代码,以 layui 为例:
前端页面代码:
```html
<button id="testBtn" class="layui-btn layui-btn-normal">测试按钮</button>
```
Javascript 代码:
```javascript
<script>
layui.use(['layer'], function(){
var layer = layui.layer;
// 绑定按钮点击事件
$('#testBtn').click(function(){
// 发送 Ajax 请求
$.ajax({
type: 'POST',
url: '/api/test', // 后端 Python 函数的 URL
data: {
'param1': 'value1',
'param2': 'value2'
},
dataType: 'json',
success: function(res){
layer.msg(res.msg);
},
error: function(){
layer.msg('请求出错!');
}
});
});
});
</script>
```
后端 Python 代码:
```python
from flask import Flask, request, jsonify
app = Flask(__name__)
@app.route('/api/test', methods=['POST'])
def test():
param1 = request.form.get('param1')
param2 = request.form.get('param2')
# 调用后端 Python 函数
result = your_function(param1, param2)
return jsonify({'msg': result})
if __name__ == '__main__':
app.run(debug=True)
```
其中,`your_function` 是你要调用的后端 Python 函数。这个函数需要自己实现,可以使用 Flask 或其他 Python Web 框架来编写。在这个函数中,可以对前端发送过来的参数进行处理,并返回需要的结果。最后,将结果打包成 Json 格式返回给前端页面。
阅读全文