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

【问题标题】：Using fetch to get a simple string使用 fetch 获取一个简单的字符串
【发布时间】：2018-01-07 16:54:36
【问题描述】：

所以我的 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 中的控制台？

谢谢，埃德。

【问题讨论】：

标签： jquery node.js rest api reactjs

【解决方案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);
});

如您所见，第一个 Promise 并没有立即为您提供正确格式的数据；它实际上给了你一个Response object，你需要在它上面调用对应的方法到你想要的格式（Blob、JSON、arrayBuffer等）

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

【讨论】：