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

IT技术 jquery node.js rest api reactjs
2021-05-12 21:49:18

所以我在我的 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");
  }
});

name 变量被打印到控制台,如下所示:

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 中的控制台?

谢谢,埃德。

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 对象,您需要在该对象上调用相应的方法到您想要的格式(Blob、JSON、arrayBuffer 等)

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