调用 Fetch API 后没有得到任何东西 - React Native

关键词：

【中文标题】调用 Fetch API 后没有得到任何东西 - React Native【英文标题】：Not Getting anything back after calling Fetch API - React Native 【发布时间】：2021-12-14 16:50:23 【问题描述】：

我正在创建一个 React Native，在其中我使用 Fetch 将表单的数据发送到后端 Node.js，一切正常，但在 fetch api 后我无法执行任何操作，即使 console.log 没有运行。

React-Native 代码：

const PostData  = () =>

        console.log("Posting");


        //Sending Request to Node.js using Fetch API
        fetch("http://192.168.0.107:3000/Adminsignup", 

            //Setting Method
            method:"POST",

            //Setting Headers
            headers:
                //Setting Content-Type
                "Content-Type" : "application/json"
            ,
            //Stringifying the email and password and storing it into body
            body:JSON.stringify(
                name,
                gmail,
                password,
                retype
            )
        ).then(res=>
            console.log(res);
        ).catch(err=>
            console.log(err);
        )
     

.then 和 .catch 的 fetch api 不起作用。

【问题讨论】：

为什么要混合 async-await 和 promise？ .使用异步等待或承诺 好的，我现在正在使用异步，但我仍然没有得到回复 如果您真的完全切换到异步样式，并且不再使用then()anymore，那么请编辑您的帖子以显示新代码。 我尝试过承诺，现在我的代码已更新 在您分享的代码中，您定义了一个函数，但您没有调用它。你真的在任何地方打电话给PostData()吗？ 【参考方案1】：

好的，所以你的前端代码都很好，正如你所说，当你启动 PostData() 函数时你的后端也在工作，检查你是否从后端返回响应。

将此添加到您的注册路线中：

res.status(200).send(result:"Successfully got Response")

像这样在前端捕获状态：

let final = await fetch("http://192.168.0.107:5000/studentSignup", 
            //Setting Method
            method:"POST",
            //Setting Headers
            headers:

                //Setting Content-Type
                "Content-Type" : "application/json"
            ,
            //Stringifying the email and password and storing it into body
            body:JSON.stringify(name,gmail,password,retype)
        )

        const data = final.status;
        if(data === 200)
        
            navigation.navigate("Your Route");
        

【讨论】：

执行后不调用回调，没有任何错误

】执行后不调用回调，没有任何错误【英文标题】：Callbackisnotcalledafterexecutionwithoutanyerrors【发布时间】：2015-06-2216:47:44【问题描述】：我正在为以下代码而苦苦挣扎。请求已发送，但未调用回调。我也没有收到任何错误，但已... 查看详情

使用 Moshi 从 Retrofit 调用中没有得到任何结果

】使用Moshi从Retrofit调用中没有得到任何结果【英文标题】：GettingnoresultfromRetrofitcallusingMoshi【发布时间】：2021-10-2512:06:24【问题描述】：我是API世界的新手。在尝试使用Retrofit和Moshi获取API时，看起来我得到了0个结果，这是我不... 查看详情

使用 Zapier + Prosperworks 获取 API 调用

】使用Zapier+Prosperworks获取API调用【英文标题】：FetchAPIcallwithZapier+Prosperworks【发布时间】：2015-11-2212:51:26【问题描述】：我正在尝试通过Zapier的代码调用ProsperworksAPI。我可以通过curl轻松地做到这一点，但对于我的一生来说，无... 查看详情

为啥我没有从 php 得到任何东西？

】为啥我没有从php得到任何东西？【英文标题】：Whyaminotgettinganythingfromphp?为什么我没有从php得到任何东西？【发布时间】：2015-06-2604:12:06【问题描述】：$(\'#registerForm\').submit(function()callAjaxSubmitMethod(this);//event.preventDefault(););这... 查看详情

.NET Core 3.1 中使用 Fetch API 的 Ajax 调用

】.NETCore3.1中使用FetchAPI的Ajax调用【英文标题】：AjaxCallswithFetchAPIin.NETCore3.1【发布时间】：2020-04-1111:10:13【问题描述】：我刚刚迁移到.NETCore3.1，在我必须更新的不同内容中，我无法让我的ajax调用正常工作。当我进行ajax调用时... 查看详情

Fetch API：请求完成后“await res.json()”会失败吗？

...才会失败。例如，如果我执行以下代码，假设它通过try块没有错误，我将得到一个有效的填充res。tryconstres=await 查看详情

UDP中的recvfrom没有得到任何东西

】UDP中的recvfrom没有得到任何东西【英文标题】：recvfrominUDPnotgettinganything【发布时间】：2017-10-2521:09:32【问题描述】：我正在尝试在UDP套接字上接收数据，但我找不到接收任何内容的方法。我可以通过wireshark看到数据实际上是传... 查看详情

OsX 中 USB HID API 的回调永远不会被游戏手柄或其他任何东西调用

】OsX中USBHIDAPI的回调永远不会被游戏手柄或其他任何东西调用【英文标题】：CallbacksforUSBHIDAPIinOsXarenevercalledforgamepadoranythingelse【发布时间】：2014-08-1211:45:40【问题描述】：我正在尝试在我的游戏中检测并使用连接到我的Mac的游... 查看详情

Fetch API - 重定向的用途：手册

...定向都是透明处理的，最后我会从重定向链中的最后一个调用中得到响应。但是，我可以使用redirect:\'manual\'调用fetch，在这种情况下，它将返回不透明 查看详情

使用 Spring Boot WebClient 调用一个虚拟 api 给邮递员

】使用SpringBootWebClient调用一个虚拟api给邮递员【英文标题】：UsingSpringBootWebClienttocalladummyapitopostman【发布时间】：2021-12-2314:07:34【问题描述】：我在这里遗漏了一些东西。我正在尝试使用SpringBootWebClient从作为Http请求的DummyApi中... 查看详情

AngularJS - 使用 angularjs 拖放列表库时在 html 页面中没有得到任何东西

】AngularJS-使用angularjs拖放列表库时在html页面中没有得到任何东西【英文标题】：AngularJS-Notgettinganythinginhtmlpagewhileusingangularjsdraganddroplistlibrary【发布时间】：2020-06-1007:02:19【问题描述】：我想在我的项目中实现拖放功能。为此，... 查看详情

可以将 Fetch API 用作请求拦截器吗？

...行一些简单的JS函数。我已经搜索过这个问题的答案，但没有找到任何答案，这可能是因为FetchAPI是相对较新的。我一直在用XMLHttpRequest这样做：(function()va 查看详情

异步调用中的 Prometheus 计数器

】异步调用中的Prometheus计数器【英文标题】：Prometheuscounterinsideasynccall【发布时间】：2021-08-1514:10:58【问题描述】：我正在使用Prometheus直方图和计数器以及openAPI。我正在寻找的东西以某种方式使计数器工作：创建具有确切状态... 查看详情

Wordpress 在使用 fetch API 的 ajax 调用上返回 400 Bad Request

】Wordpress在使用fetchAPI的ajax调用上返回400BadRequest【英文标题】：Wordpressreturns400BadRequestonajaxcallwithfetchAPI【发布时间】：2019-06-0719:25:54【问题描述】：我正在使用fetchAPI语法对admin-ajax.php进行Ajax调用。下面是调用后端脚本的代码：... 查看详情

Javascript fetch 调用后端两次 [重复]

】Javascriptfetch调用后端两次[重复]【英文标题】：Javascriptfetchiscallingbackendtwice[duplicate]【发布时间】：2021-06-1116:45:22【问题描述】：我有用javaee和jersey编写的后端应用程序。当我使用JavaScriptFetchAPI将数据发布到我的休息端点时，... 查看详情

如何使用 fetch 制作通用 API 调用函数

】如何使用fetch制作通用API调用函数【英文标题】：HowtomakecommonAPIcallfunctionusingfetch【发布时间】：2019-11-1616:05:56【问题描述】：我正在尝试创建一个通用函数来处理我在任何地方的所有API调用我正在使用react":"^16.8.6"和fetch进行api... 查看详情

API Fetch 返回 nil

...returnsnil【发布时间】：2021-12-2703:29:42【问题描述】：fetch没有抛出任何错误，它只是返回nil，我不知道为什么，这是apiURL：https://api.coingecko.com/api/v3/simple/price?ids=bitcoin&vs_currencies=usd&include_market_cap=true&a 查看详情

我可以使用 fetch 调用 Notion API 吗？

】我可以使用fetch调用NotionAPI吗？【英文标题】：CanIusefetchtocalltheNotionAPI?【发布时间】：2021-09-0200:34:11【问题描述】：我想将Notion用作SPA的内容网关。我可以从fetch中使用NotionAPI吗？我正在尝试使用fetch来获取数据，但由于CORS，... 查看详情