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

Question

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

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

Answer 1

将 URL 替换为您的 JSON URL.You 可以使用 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);

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

How to read json file online client-side javascript

javascript

json

client-side