正文

当我使用 fetch post 发布数据时，我没有收到数据

 2023-02-21  89

关键词：

【中文标题】当我使用 fetch post 发布数据时，我没有收到数据【英文标题】：When I post data with fetch post, I don't receive data 【发布时间】：2022-01-23 18:51:00 【问题描述】：

我在获取帖子时遇到问题，我想将数据发送到一个 url 但它不起作用..

function TodoTaskForm () 
    const taskContentInput = useRef(null)
    const handleSubmit = async (e) => 
        e.preventDefault()
        fetch('/api/tasks', 
            method: 'POST',
            body: JSON.stringify(content: taskContentInput.current.value)
        )
    

    return (
        <form onSubmit=handleSubmit className="__component_todolist_form_container">
            <input type="text" name="task" ref=taskContentInput placeholder="nouvelle tâche.."></input>
        </form>
    )

在我的组件中，我正在执行此操作，并且在我的快速服务器中：

app.post('/api/tasks', (req, res) => 
    console.log(req.body)
    console.log('request received!')
)

当我测试时，我收到了请求，但 req.body 在我的控制台中返回“”，我不明白，我正在使用 app.use(express.json()) 但它不起作用，我甚至尝试使用 body-parser 但是... 所以拜托，我需要帮助..谢谢！

【问题讨论】：

【参考方案1】：

你需要：

body-parse

Content-Type

这样的：

app.post('/api/tasks', express.json(), (req, res) => 
    console.log(req.body)
    console.log('request received!')
)

和

fetch('/api/tasks', 
    method: 'POST',
    headers: 
        'Content-Type': 'application/json'
    ,
    body: JSON.stringify(content: taskContentInput.current.value)
)

【讨论】：

谢谢，它正在工作！我忘记了标题

当我调用 post 方法时反应原生 Axios 或 fetch（get 方法工作正常） post 参数在服务器端获取空数据

】当我调用post方法时反应原生Axios或fetch（get方法工作正常）post参数在服务器端获取空数据【英文标题】：ReactnativeAxiosorfetchwhenicalledpostmethod(getmethodworkingfine)postparametersaregettingnulldataonserverside【发布时间】：2020-10-2810:56:10【问题... 查看详情

使用 fetch 进行 POST 请求以将数据添加到 JSON 服务器数据库

...尝试使用JSON服务器向我的假数据库添加新内容。问题是当我运行该函数时，没有添加输入信息。但是在我的数据库中创建了一个id但没有正文内容。我的代码：//newName+newNumbera 查看详情

使用 fetch 时 POST https://accounts.spotify.com/api/token 415 错误

...求从spotifyapi获取授权代码，但我不断收到415错误代码。当我最初使用$.ajax而不是查看详情

Coredata 未提供有关 fetch 请求的数据

...间】：2016-07-1807:46:10【问题描述】：在我的应用程序中，当我启动我的应用程序并从coredata获取数据时。它没有给我数据。但是如果我没有关闭我的应用程序并将一些数据保存在数据库中，并且如果我获取数据而不关闭我的应用... 查看详情

使用 fetch 在 C# 中向 API 发送“POST”时出现 405 错误

...IinC#usingfetch【发布时间】：2021-09-2216:25:27【问题描述】：当我使用fetch(JavaScriptAPI)将JavaScript中的POST请求发送到同一项目中的C#API时，我收到异常错误消息：erro405HTTP方法（GET、PUT、POST或DELETE）查看详情

不使用 node-fetch 调用的快速路由

...:06【问题描述】：我有一个只有一条路由的快递服务器。当我在浏览器中调用此路由时，我能够获取服务器发送的数据。但是，当我尝试使用简单的节点获取从脚本调用此路由时，我有一个响应，但没有调用我的路由（未检索到... 查看详情

当我使用多个关系路径时，Ebean 查询运算符“Fetch”不起作用

】当我使用多个关系路径时，Ebean查询运算符“Fetch”不起作用【英文标题】：Ebeanqueryoperator"Fetch"isn\'tworkingwhenIusemorethanonerelationshippath【发布时间】：2018-08-1617:23:56【问题描述】：据我了解，当我在查询对象时使用fetch时... 查看详情

使用 JavaScript Fetch 和 POST 发送表单数据，然后在 PHP 中处理它

】使用JavaScriptFetch和POST发送表单数据，然后在PHP中处理它【英文标题】：SendformdatausingJavaScriptFetchandPOSTandthenprocessitinPHP【发布时间】：2020-07-3113:22:21【问题描述】：所以基本上我想以这样一种方式设计我的页面，当用户发表评... 查看详情

Fetch Api：无法从本地主机获取数据

...d应用程序。我正在使用fetch模块从我的服务器获取响应。当我试图从httpbin.org/get获取响应时，它是好的。但是当我尝试从本地服务器获取响应时，我收到NetworkRequest 查看详情

为啥当我得到我的数据时似乎未定义/为空？我正在使用 jQuery.post() 从 JS 向 PHP 发送数据

】为啥当我得到我的数据时似乎未定义/为空？我正在使用jQuery.post()从JS向PHP发送数据【英文标题】：WhywhenIgetmydataseemsundefined/empty?I\'msendingdatawithjQuery.post()fromJStoPHP为什么当我得到我的数据时似乎未定义/为空？我正在使用jQuery.pos... 查看详情

为啥更新操作没有发布任何数据？

...【问题描述】：我正在使用带有内联编辑功能的KendoGrid。当我单击“更新”按钮时，会使用此签名对我的控制器方法进行POST。控制器动作被命中，所以POST工作正常。[HttpPost]publicHttpResponseMes 查看详情

如何使用 Reactjs fetch 将 POST 数据发送到烧瓶

】如何使用Reactjsfetch将POST数据发送到烧瓶【英文标题】：HowtosendPOSTdatatoflaskusingReactjsfetch【发布时间】：2019-06-0623:27:39【问题描述】：我对反应非常陌生，我正在尝试掌握如何正确使用fetch。我有这条python烧瓶路线，我试图从后... 查看详情

Firefox 上的 tinyMCE 缺少 ajax Post 数据

...inyMCEonFirefox【发布时间】：2010-06-1419:38:42【问题描述】：当我尝试使用ajax提交时，我的表单出现问题。我正在为Jquery使用MalsupForm插件，但也使用tinyMCE编辑器。当我提交表单并检查$_POST数组时，textarea中没有数据。我曾尝试使用t... 查看详情

如何使用包含凭据的 fetch 和 POST 请求发送数据？

】如何使用包含凭据的fetch和POST请求发送数据？【英文标题】：HowtosenddatausingfetchandPOSTrequestwithcredentialsincluded?【发布时间】：2019-09-0204:02:46【问题描述】：我想使用fetch从端口3000上的React前端以JSON格式将一些数据发送到3005上的n... 查看详情

带有 JSON 的 RestKit Post 方法

...来处理我需要的所有功能，并使用RestKit来访问Web服务。当我需要从WS检索数据时，我没有任何问题，但是当我需要发布信息时，我遇到了一些错误，如查看详情

Discord API 告诉我：“401：未经授权”，当我使用 Google 脚本进行 GET 时：“UrlFetchApp.fetch()”

】DiscordAPI告诉我：“401：未经授权”，当我使用Google脚本进行GET时：“UrlFetchApp.fetch()”【英文标题】：DiscordAPItellsme:"401:Unauthorized"whenimakeaGETwithGoogle-Scripts:"UrlFetchApp.fetch()"【发布时间】：2019-09-1503:19:29【问题描述... 查看详情

如何使用 Node Fetch 将来自 HTTP 请求的数据保存在变量中？

...将GET请求中的数据保存到变量中，但我得到了一些结果！当我控制台记录响应时，我可以看到它。但是当我将resData分配给变量时，我得到了未定义。constf 查看详情

将带有 fetch 的 POST 发送到烧瓶时的端口问题

...的JavaScript客户端向服务器发送POST查询。从服务器端，我使用烧瓶接收POST数据。服务器端httpd.conf：查看详情