获取 API 未在 Node.js 中提供响应数据

Posted 2023-03-14

【中文标题】获取 API 未在 Node.js 中提供响应数据

【英文标题】：Fetch API not giving response data in Node.js

【发布时间】：2021-05-16 21:19:27

【问题描述】：

我一直在尝试解决这个问题，但它给了我这个：ReferenceError: json is not defined

这是我的代码：

const fetch = require('node-fetch');

function makeAFile(text)
    fetch("http://bin.shortbin.eu:8080/documents", 
        method: "post",
        body: 'hey wassup'
    )
    .then(res => res.json())
    .then(json => console.log(json))
    .catch(err => console.log(err))
    return json


console.log(makeAFile('nope'))

【问题讨论】：

这能回答你的问题吗？ How do I return the response from an asynchronous call?

【参考方案1】：

您需要了解异步调用的工作原理。

const fetch = require('node-fetch');

function makeAFile(text)
    fetch("http://bin.shortbin.eu:8080/documents",  // this is async call
        method: "post",                              // might give result later in time
        body: 'hey wassup'
    )
    .then(res => res.json())
    .then(json => console.log(json))
    .catch(err => console.log(err))
    return json                     // JSON is not defined and will be return just after 'Fetch' is called which is 'undefined'

console.log(makeAFile('nope'));

要使您的代码同步，您应该像这样使用 async await：

const fetch = require('node-fetch');

async function makeAFile(text)
    let res = await fetch("http://bin.shortbin.eu:8080/documents",  // await helps you to wait here to make your code sync
        method: "post",                              
        body: 'hey wassup'
    )
     const json = res.json()
     
    return json ;                                


try 
const response = await makeAFile('nope')); //use try catch to catch error
console.log(response);

catch (error) 
console.log(`Error $error`);
 

【参考方案2】：

您似乎对如何从异步调用返回数据感到困惑。你可以使用这样的回调来做到这一点：

const fetch = require('node-fetch');

function makeAFile(text)
  return fetch("http://bin.shortbin.eu:8080/documents", 
    method: "post",
    body: text
  )
  .then(res => res.json())
  .catch(err =>  console.error(err) )


makeAFile('nope').then((result) => console.log(result));

你可以阅读更多关于它here;

编辑：使用async/await提供解决方案

async function makeAFile (text) 
  try  
    const res = await fetch("http://bin.shortbin.eu:8080/documents", 
      method: "post",
      body: text
    )
    return res.json();
   catch (err) 
    console.error(err);
  


// Define an anonymous async function to allow await statements inside
(async () => 
  // this "await" here is important
  const result = await makeAFile('nope');
  console.log(result);
  // now result is store inside of "result"
)();

【讨论】：

不需要创建 Promise，因为fetch 已经是一个异步函数。

@Anatoly 你是对的。我已经删除了新的 Promise 分配

但是如果我想存储 var 怎么办

@BRUH 对回调内部的结果做你想做的事。您可以将结果存储在全局变量中，但请注意调用 makeAFile 后的代码将立即运行，并且不会等待回调运行，因此无法访问更新的值。

@BRUH 您可以使用新的async/await 语法来摆脱回调并以线性方式调用异步函数。你可以阅读它here

【参考方案3】：

在then 回调之外，您无权访问json。只需将您的函数设为async，这样您就可以访问它，并且外部上下文代码可以等到您的函数被解析或拒绝：

const fetch = require('node-fetch');

async function makeAFile(text)
    const res = await fetch("http://bin.shortbin.eu:8080/documents", 
        method: "post",
        body: 'hey wassup'
    )
    const json = res.json()
    console.log(json)
    return json

然后这样称呼它：

try 
  const result = await makeAFile('nope')
  console.log(result)
 catch(err) 
  console.log(err)

或

const result = makeAFile('nope').then(result => 
  console.log(result)
)
.catch(err => 
  console.log(err)
);

【讨论】：

但是 await 必须在一个函数中，所以我收到以下错误SyntaxError: await is only valid in async function

您需要在函数定义前使用'async'关键字才能使其工作。

您可以查看我添加到答案中的两个呼叫示例

【参考方案4】：

const fetch = require('node-fetch');

function makeAFile(text)
    jsonOut = ''
    fetch("http://bin.shortbin.eu:8080/documents", 
        method: "post",
        body: 'hey wassup'
    )
    .then(res => res.json())
    .then(json => jsonOut = json)
    .catch(err => console.log(err))
    return jsonOut


console.log(makeAFile('nope'))

你不能访问 promise 中的值。只需检查此代码