html下拉列表取值给后台python,html - python制作下拉列表,怎样引用一个json文档里面的数据来实现。...
时间: 2024-02-01 20:15:38 浏览: 22
首先,在 HTML 中创建一个下拉列表:
```html
<select id="myList">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
```
然后,在 JavaScript 中获取选中的值:
```javascript
var selectedValue = document.getElementById("myList").value;
```
接下来,将获取到的值发送给后台 Python,可以使用 AJAX 实现异步请求:
```javascript
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 请求成功,处理返回的数据
var response = this.responseText;
// TODO: 处理返回的数据
}
};
xhttp.open("POST", "your_python_backend_url", true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send("selectedValue=" + selectedValue);
```
在 Python 后台中,可以使用 Flask 框架接收请求:
```python
from flask import Flask, request, jsonify
app = Flask(__name__)
@app.route('/your_python_backend_url', methods=['POST'])
def receive_data():
selected_value = request.form['selectedValue']
# TODO: 处理接收到的数据
return jsonify({'success': True})
```
此外,如果需要从 JSON 文件中获取数据,可以使用 Python 中的 `json` 模块读取 JSON 文件并解析数据:
```python
import json
with open('data.json') as f:
data = json.load(f)
# 使用 data 中的数据
```