javascript - 从url中获取json数据并通过JavaScript将其放入变量中

Question

我在 URL 中有一个 JSON 数据，我想通过 JavaScript(没有 jQuery)从 URL 获取所有 JSON 数据并将其放入变量 tags。

JSON 数据:

 [
  {
    "uniq":"AXk2_U9l"
  },
  {
    "uniq":"AX0apLOG"
  },
  {
    "uniq":"AXrGmWk4"
  },
  {
    "uniq":"AXID1Psx"
  },
  {
    "uniq":"vovs2aPlj"
  }
]

还有我的 JavaScript 代码，这段代码不起作用:

async function get() {
  let url = 'https://jsonware.com/json/abfe005c41c8214e22e487b8d6eff417.json'
  let obj = await (await fetch(url)).json();
  console.log(obj);
}
var tags = get();

如果有新的方法，请展示。

Answer 1

您需要将代码包装在异步/等待模式中

在您的代码中，您没有返回任何内容。

  var tags;
    (async () => {
      tags = await get()
      console.log(tags)
      // handle the tags result here
    })()
    // if you try use tags here it will be undefined

async 完成并立即运行下一行代码时返回结果，因此 tags 变量是 undefined

async function get() {
    let url = 'https://jsonware.com/json/abfe005c41c8214e22e487b8d6eff417.json'
    let obj = await (await fetch(url)).json();
    
    //console.log(obj);
    return obj;
}
var tags;
(async () => {
  tags = await get()
  //console.log(tags)
  document.getElementById("tags").innerHTML = JSON.stringify(tags);
})()

<div id="tags"></div>