如何将 Fetch 响应返回到可用变量中

如何解决如何将 Fetch 响应返回到可用变量中

这似乎是一个简单的问题，但我已经被困了一段时间，希望得到一些帮助。我正在将数据发布到 REST API，如果成功，它将通过 JSON 数组返回一条状态消息，如下所示：

{"variableone":123,"variabletwo":34}

我想将该 JSON 结果存储到一个数组中，然后使用这些变量。我做错了什么？

function showResults(response)
{
   var responsevar = response.variabletwo;
   console.log(responsevar);
}

function doPOST(postval,callback) {
    fetch("/api/",{
      method: "POST",headers: { 'Content-Type': 'application/x-www-form-urlencoded' },body: $.param(postval)
    }).then(function (response) {
       if (callback) {
         callback(response);
       }
    });
}

doPOST({"checkclean":"11234"},showResults);

上面的代码正确执行 POST 并获得我期望的结果，并且可以在检查器的 Network->XHR-Preview 中看到，但我似乎无法从结果中获取或使用实际变量，即. variableone 和 variabletwo。

解决方法

您应该使用 response.json() 来解析 JSON。

function showResults(response) {
  var responsevar = response.variabletwo;
  console.log(responsevar);
}

function doPOST(postval,callback) {
  fetch("/api/",{
      method: "POST",headers: {
        'Content-Type': 'application/x-www-form-urlencoded'
      },body: $.param(postval)
    }).then(response => response.json())
    .then(function(response) {
      if (callback) {
        callback(response);
      }
    });
}

doPOST({
  "checkclean": "11234"
},showResults);