2

我真的坚持弄清楚我错过了什么，我不是 javascript 方面的专家，如果有人能告诉我我做错了什么，我真的很感激。

我有一个工作代码：

if (value_ == "group") {
  fetch("http://localhost/someapi"+value_).then(r => { return r.json()})
  .then(json => {
      var data =  `{ "group" : [{"name":"foo","tag":"bar"},{"name":"bool","tag":"lean"}] }`;
      var data = JSON.parse(data); 
      var groupName = data.group.map(current => current.name);
      var groupTag = data.group.map(current => current.tag);
      console.log(data);         
      console.log(`json: ${data.group[0].name}`);
    });
}

上面的代码可以工作并获得我想要的所有数据，但 json 来自：

var data =  `{ "group" : [{"name":"foo","tag":"bar"},{"name":"bool","tag":"lean"}] }`;

然后我尝试从返回与上面的 var 数据相同的值的 URL 获取 json。但它不起作用。

我确实将 var 更改data = JSON.parse(data);为data = JSON.parse(json)

并删除“var data = { "group" : [{"name":"foo","tag":"bar"},{"name":"bool","tag":"lean"}] };”

它确实给出了一个错误：(node:10868) UnhandledPromiseRejectionWarning: SyntaxError: Unexpected end of JSON input

我也试过这段代码：

  fetch("http://localhost/someapi"+value_).then(r => { return r.json()})
  .then(json => {
      parseJSON(JSON.stringify(json));
      function parseJSON(str){
        var data = JSON.parse(str); 
        var groupName = data.group.map(current => current.name);
        var groupTag = data.group.map(current => current.tag);
        console.log(data);         
        console.log(`json: ${data.group[0].name}`);
      }

    });
}

这给了我错误：(node:12668) UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'map' of undefined。

谢谢并原谅我的英语。

4

1 回答 1

2

您不需要手动执行 JSON.parse，因为json示例第三行中变量的内容已经是一个对象。

尝试这个：

fetch("http://localhost/someapi"+value_)
.then(r => r.json())
.then(json => {
  var groupName = json.group.map(current => current.name);
  var groupTag = json.group.map(current => current.tag);
  console.log('groupName', groupName);         
  console.log('groupTag', groupTag);         
});
于 2018-09-09T20:20:26.827 回答