使用fetch获取一个简单的字符串

时间:2017-08-01 01:00:05

标签: jquery node.js rest api reactjs

所以我在我的API中有这个:

router.get('/assetName', function(req, res, next){
  //Get the token from the cookies
  var token = req.cookies.access_token;
  //Check it with the config secret
  if(jwt.verify(token, config.secret)){
    //find from name in the request body
    User.find({_id: req.query.id}).then(function(users){
      var z;
      var name = [];
      var assetHolder = users[0].assets;
      for(z=0; z < assetHolder.length; z++){
        if(assetHolder[z]._id == req.query.vid){
          name = assetHolder[z].name;
        }
      }
      console.log(name);
      res.send(name);

      //Error handling
    }).catch((err) => console.error(err));
  }else{
    res.send("Unauthorized");
  }
});

名称变量已打印到控制台,如下所示:

Asset1Name
Asset2Name

我正在使用下面的获取请求:

      var vehiclesT = asset.assetIDs;
      if(!asset.assetIDs){
        vehiclesT = [];
      }
      var y;
      var assets = [];
      for(y=0; y< assetsTemp.length; y++){
        var url = 'api/assetName/?vid='+assetsTemp[y]+'&id='+id;
        fetch(url, {credentials: 'include', method: 'get'}).then(function(data){
          console.log(data);
          vehicles.push(data);
        });
      }

但是temp被打印为:

Response {type: "basic", url: "http://localhost:4000/api/assetName/?vid=f4ufh49h49fh9fh94fh94hf&id=f484fh48fhfh98fh489fh", redirected: false, status: 200, ok: true…}

所以车辆阵列是空的。

为什么会这样?如何通过fetch(或其他更好的方法)将值打印到API中的控制台?

谢谢,Ed。

1 个答案:

答案 0 :(得分:1)

您在fetch中错过了一步:

fetch(url, {
  credentials: 'include',
  method: 'get'
})
.then(function(body){
  return body.text(); // <--- THIS PART WAS MISSING
}).then(function(data) {
  console.log(data);
  vehicles.push(data);
});

正如您所看到的,第一个承诺并没有立即以正确的格式提供数据;它实际上给你一个Response object,你需要在它上面调用你想要的格式(Blob,JSON,arrayBuffer等)。

在这种情况下,您提到了您期望的文本,因此您可以使用Response.text()