html下拉列表取值给后台python,python用fastapi接收
时间: 2023-06-28 18:11:26 浏览: 184
Python列表中随机取值
5星 · 资源好评率100%
首先,在 HTML 中定义一个下拉列表:
```html
<select id="my-select">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
```
然后,使用 JavaScript 获取所选择的值,并将其发送给后台 Python 代码。这里我们使用 jQuery 库来简化代码:
```javascript
// 获取下拉列表的选项值
var selectedValue = $('#my-select').val();
// 发送选项值给后台 Python 代码
$.ajax({
url: '/api/my-endpoint',
method: 'POST',
contentType: 'application/json',
data: JSON.stringify({ value: selectedValue }),
success: function(response) {
console.log(response);
}
});
```
最后,在后台 Python 代码中使用 FastAPI 接收请求并获取传递的值:
```python
from fastapi import FastAPI
from pydantic import BaseModel
app = FastAPI()
class Item(BaseModel):
value: str
@app.post("/api/my-endpoint")
async def my_endpoint(item: Item):
selected_value = item.value
# 处理选项值
return {"message": "Received value: {}".format(selected_value)}
```
这个例子中,我们定义了一个 `Item` 数据模型来表示从前端传递的数据,然后使用 `app.post` 装饰器来定义接收 POST 请求的路由和处理函数。在处理函数中,我们可以通过 `item` 参数获取传递的数据,并进行处理。最后,我们返回一个 JSON 格式的响应,包含处理后的结果。
阅读全文