Início / coding / Perguntas / 77755833
Accepted
John Sall
Asked: 2024-01-04 12:06:44 +0800 CST

Valor do objeto de promessa vazio do POST curl em JavaScript [duplicado]

  • 772

Eu tenho o seguinte código Curl em JavaScript:

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;
    })
    
}

mas o elemento with id = outputimprime isto:

[object Promise]

E se eu imprimir no arquivo console, com o mesmo código de antes, mas adicionando isto:

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

Eu entendi isso :

insira a descrição da imagem aqui

E quando eu expando a seta para a esquerda PromiseResult, recebo isto:

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

É isso que eu quero, mas não consigo imprimir ou armazenar, só está disponível no console.

javascript

1 respostas

  1. Best Answer

    O problema é response.json() retornar a(another) Promiseentão você precisará de outro thenpara lidar com os dados resolvidos. Algo como:

    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

relate perguntas