获取 API POST 请求响应

沃梦达教程前端问题

2022-01-01 5

fetch API POST request response(获取 API POST 请求响应)

本文介绍了获取 API POST 请求响应的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在尝试在提交表单后从发布请求中获取输出，但在发布表单时我得到的是承诺响应而不是实际数据

I am trying to get output from the post request once the form has been submitted but I get a promise response rather than the actual data when posting the form

fetch('localhost/clients', {
  method: 'post',
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(formData)
}).then(response => {
  console.info('Sending Message ...')
  console.info(response.json())
}).catch (error => {
  console.log(error)
})

数据被传递到后端，但是我想返回 API 服务器输出的数据.

The data gets passed to the backend however I want to return the data thats been outputted by the API server.

推荐答案

response.json() 返回一个 Promise.你需要像下面这样使用它.

response.json() returns a Promise. You need to use it like below.

fetch('localhost/clients', {
  method: 'post',
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(formData)
}).then(response => {
  return response.json();
}).then(jsonResponse => {
  console.log(jsonResponse);
}).catch (error => {
  console.log(error)
})

这篇关于获取 API POST 请求响应的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！