pyhon前后端交互
时间: 2023-12-16 16:26:22 浏览: 42
Python前后端交互可以通过多种方式实现,其中比较常用的方式是使用Python的Web框架和前端的JavaScript进行交互。以下是一个简单的例子:
1. 后端Python代码(使用Flask框架):
```python
from flask import Flask, jsonify, request
app = Flask(__name__)
@app.route('/api', methods=['POST'])
def api():
data = request.get_json()
# 在这里可以对前端传来的数据进行处理
# 处理完成后,将结果返回给前端
result = {'message': 'Hello ' + data['name'] + '!'}
return jsonify(result)
if __name__ == '__main__':
app.run()
```
2. 前端HTML代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Python前后端交互</title>
</head>
<body>
<h1>Python前后端交互</h1>
<input type="text" id="name" placeholder="请输入您的姓名">
<button onclick="sendData()">提交</button>
<p id="result"></p>
<script>
function sendData() {
var name = document.getElementById('name').value;
var data = {'name': name};
fetch('/api', {
method: 'POST',
body: JSON.stringify(data),
headers: {
'Content-Type': 'application/json'
}
})
.then(response => response.json())
.then(data => {
document.getElementById('result').innerHTML = data.message;
});
}
</script>
</body>
</html>
```
这个例子中,前端页面包含一个输入框和一个按钮,用户输入姓名后点击按钮,前端通过JavaScript将数据发送给后端Python代码,后端对数据进行处理后返回结果,前端再将结果显示在页面上。