html下拉列表取值给后台python,python用fastapi接收后,在其他函数中使用这个值
时间: 2024-02-01 20:15:57 浏览: 135
可以通过以下方式实现:
1. 在 HTML 中,使用 `<select>` 和 `<option>` 标签创建下拉列表,并设置每个选项的值。例如:
```html
<select id="mySelect">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
```
2. 在 JavaScript 中,获取选中的值,并发送到后台 Python 接口。可以使用 AJAX 技术实现异步请求。例如:
```javascript
var selectedValue = document.getElementById("mySelect").value;
$.ajax({
url: "/api/myendpoint",
type: "POST",
data: JSON.stringify({ value: selectedValue }),
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response) {
console.log(response);
},
error: function (xhr, textStatus, errorThrown) {
console.log(errorThrown);
},
});
```
3. 在 Python 中,使用 FastAPI 框架创建接口,并接收前端传过来的值。例如:
```python
from fastapi import FastAPI
from pydantic import BaseModel
app = FastAPI()
class Item(BaseModel):
value: str
@app.post("/api/myendpoint")
async def myendpoint(item: Item):
selected_value = item.value
# 在这里使用 selected_value 进行其他处理
return {"message": "Received value: {}".format(selected_value)}
```
注意,这只是一个简单的示例,实际应用中需要根据具体情况进行适当的改造和优化。
阅读全文