主页 / coding / 问题 / 77755833
Accepted
John Sall
Asked: 2024-01-04 12:06:44 +0800 CST

JavaScript 中 POSTcurl 的空承诺对象值[重复]

  • 772

我在 JavaScript 中有以下 Curl 代码：

function login() {
    var obj;
    const outputElement = document.getElementById('output');

  return fetch('http://localhost:3000/api-keys', {
  method: 'POST',
  headers: {
    'Authorization': 'Basic ' + btoa('[email protected]:123456'),
    "content-type": "application/json"
  }
}).then(function(response) {
    obj = response.json();
    }).then(() => {
        outputElement.textContent = obj;
    })
    
}

但带有打印的元素id = output：

[object Promise]

如果我在 中打印它console，使用与之前相同的代码，但添加以下内容：

...
.then(function(response) {
        obj = response.json();
        }).then(() => {
           console.log(obj);
        })
...

我明白了：

在此输入图像描述

当我将箭头展开到 的左侧时PromiseResult，我得到：

user_id: 2
user_name: john
created_at: "2024-01-04T04:01:03.855Z"
address: "Some address"

这就是我想要的，但我无法打印或存储它，它只能在控制台中使用。

javascript

1 个回答

  1. Best Answer

    问题是response.json() 返回一个（另一个）Promise，因此您将需要另一个then来处理已解析的数据。就像是：

    function login() {
    // ...rest

    return fetch(
    // ...rest of your code
    }).then(function(response) {
        return response.json(); // return the promise
    }).then(function(data) { // <-- Notice this another then to handle data
        console.log(data); // log the data to the console
        outputElement.textContent = JSON.stringify(data); // display the data in the output element
    });
}
    • 1

相关问题