在 Javascript 中从 fetch() 中提取数据

Question

我有一个简单的获取请求，如下所示：

 fetch('/data', {method: 'POST', credentials: 'same-origin', body: {'name': 'alice'}}).then(function(response){
        console.log('reply:');

        console.log(response);
    });

基本上它应该向本地地址 /data 发送一个带有一些参数的 POST 请求（与 HTML 表单相同），然后返回它得到的回复（/data 页面只是打印出“这是一个测试响应”）

但是当我查看console.log(response); 它看起来像这样：

Response { type: "basic", url: ".../data", redirected: false, status: 200, ok: true, statusText: "OK", headers: Headers, bodyUsed: false }

页面 /data 返回的实际字符串（“这是一个测试响应”）无处可寻。

那么我怎样才能检索实际返回的字符串呢？

Answer 1

要读取响应的正文，您需要实际执行此操作。 请参阅 MDN 上的详细信息（ 此处、此处和此处），但简而言之，如果您希望正文为文本，则：

fetch(/*...*/)
    .then(function(response) {
        return response.text();
    })
    .then(function(responseText) {
        // ...
    });