如何在ReactJs中打印Fetch promise值?

时间:2018-01-08 21:18:13

标签: javascript reactjs promise fetch-api

我试图打印出Fetch promise的值,但是当我在console.log中时它会显示var delay = TimeSpan.FromMinutes(2); await bus.Advanced.Routing.Defer("dest-queue", delay, message);

当我在Postman中尝试使用http主体时,Php服务器使用jwt令牌响应此获取。

undefined

3 个答案:

答案 0 :(得分:3)

您必须使用格式化程序来记录或对数据执行某些操作,以下是一种方法

fetch('http://localhost:8001/api/login').then(
function(response) {
  if (response.status !== 200) {
    console.log('Problem in fetching');
    return;
  }
  response.text().then(function(data) {
    console.log(data);
  });
})    

答案 1 :(得分:1)

您必须从int调用类似json()text()的内容,并返回该结果以将其转换为responseObject

答案 2 :(得分:0)

            fetch("http://localhost:8001/api/login", {
                method: 'post',
                headers: {
                    "Content-type": "application/x-www-form-urlencoded; charset=UTF-8"
               },
                body: 'username=' + this.state.username + '&password=' + this.state.password
            })
                .then(function (responseObject) {
                    console.log('Request succeeded with Response object', responseObject);
                    return responseObject;
                })
                .then(function (result){
                    console.log(result.text());
                })
                .catch(function (error) {
                    console.log('Request failed', error);
                });
        }else{
            console.log('You must enter username, password.');
        }

通过将 return responseObject 添加到第一个.then子句并将 console.log(responseObject.text()); 添加到第二个.then子句来解决问题我的jwt令牌打印出来。