如何在线读取json文件 客户端javascript [duplicate]

How to read json file online client-side javascript [duplicate]

提问人: 提问时间:4/3/2021 更新时间:4/3/2021 访问量:587

问:

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

我不希望涉及任何 HTML,例如链接到 HTML 中的 JSON 文件,然后通过 JavaScript 访问它。我需要它是 JavaScript 和 JSON,没有别的。

JavaScript JSON 客户端

评论


答:

0赞 DecPK 4/3/2021 #1

将 URL 替换为您的 JSON URL。您可以使用 fetch 作为 promise 发送请求和接收响应。

// 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-await

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);