javascript - 如何在线读取json文件客户端javascript

Question

我的网站上有一个 JSON 文件，我想从客户端 vanilla javascript 访问它。我怎么做？

我不希望涉及任何 HTML，例如链接到 HTML 中的 JSON 文件，然后通过 JavaScript 访问它。我需要它在 JavaScript 和 JSON 中，仅此而已。

标签： javascriptjsonclient-side

Answer 1

用您的 JSON URL 替换 URL。您可以使用fetch发送请求并接收响应作为承诺。

// Replace URL with your url
const url = "https://jsonplaceholder.typicode.com/todos/1";
fetch(url)
  .then((res) => res.json())
  .then((data) => {
    console.log(data);
  })
  .catch((error) => {
    console.log(error);
  });

使用异步等待

async function getData(url) {
  try {
    const response = await fetch(url);
    const data = await response.json();
    console.log(data);
  } catch (error) {
    // Error handling here
    console.log(error);
  }
}

// Replace url with your url
const url = "https://jsonplaceholder.typicode.com/todos/1";

getData(url);