如何在没有 Swagger UI 的情况下将 JSON 数据发布到 FastAPI 后端？

在没有 Swagger UI 的情况下将 JSON 数据直接发布到 FastAPI 后端

FastAPI 允许用户轻松地将 JSON 数据发布到其后端，即使不使用Swagger UI 提供的自动化文档。本文深入探讨了将数据直接发布到后端 URL 并在浏览器中显示结果的简单过程。

创建 FastAPI 应用程序

首先创建一个基本的具有 POST 操作和用于反序列化 JSON 负载的模型类的 FastAPI 应用程序：

<code class="python">from fastapi import FastAPI
from pydantic import BaseModel

class Item(BaseModel):
    name: str
    roll: int

app = FastAPI()

@app.post("/")
async def create_item(item: Item):
    return item</code>

使用 JavaScript 实现前端

对于前端，我们将利用Fetch API，它使我们能够将 JSON 数据直接发送到后端 URL。

<code class="javascript">fetch('/', {
    method: 'POST',
    headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json'
    },
    body: JSON.stringify({name: "XYZ", roll: 51})
})
.then(resp => resp.text())
.then(data => {
    console.log(data);  // Display the result in the browser
})
.catch(error => {
    console.error(error);
});</code>

在此脚本中，我们创建一个 POST 请求，指定正确的标头并将数据转换为 JSON 字符串。然后，服务器响应将显示在浏览器中。

替代方法

将数据发布到 FastAPI 后端的其他方法包括：

• 表单数据：使用基于表单的方法使用 FormData 类提交数据。
• 文件和表单/JSON 数据：利用文件和表单/的组合用于更复杂场景的 JSON 数据。

结论

在没有 Swagger UI 的情况下将 JSON 数据发布到 FastAPI 后端是一个简单的过程，需要使用 JavaScript 发送数据直接发送到后端 URL。您可以选择最适合您需求的各种方法，无论是基于表单的数据提交还是文件和表单/JSON 数据的组合。

以上是如何在没有 Swagger UI 的情况下将 JSON 数据发布到 FastAPI 后端？的详细内容。更多信息请关注PHP中文网其他相关文章！