咨询对象时,JSON Fetch返回未定义

时间:2020-05-08 21:25:39

标签: javascript json object async-await es6-promise

我有一个带有可变计划的定价表。当用户配置您的计划时,按钮的href会根据json文件进行更新。该代码存储每个计划变量,并通过array的{​​{1}}返回正确的链接。

这是JSON示例;

objects

例如,我获取了获取的数据,但是我的对象返回了[{ "planName": "PRO", "links": { "monthly": { "plan1": "https://example.com", "plan2": "https://example.org" }, "yearly": { "plan1": "https://example.net", "plan2": "https://example.com" } } }] ,而我却无法获取每月>计划1的信息。

下面是代码。

undefined
function changeLinkWithJSON() {
  var planDuration = document.querySelector('[data-type]').attributes[0].nodeValue;
  var planName = document.querySelector('[plan]').innerHTML;
  var planRef = 'plan1';
  var button = document.querySelector('.select');
  var num;
  if (planName == 'PRO') {
    num = 0
  };
  if (planName == 'PLATINUM') {
    num = 1
  };

  async function getPlanData() {
    let response = await fetch("/plans.json");
    let data = await response.json();
    return data;
  }

  getPlanData()
    .then(data => console.log(data[num].links.planDuration));

}
changeLinkWithJSON();

如何返回未定义的预期结果?

0 个答案:

没有答案