如何通过javascript从json URL中获取数据？

Question

有人可以告诉我语法如何通过 javascript 从 URL 的 JSON 中获取数据吗？一个例子：JSON 在url

({
  "test": 60,
  "homework": 15,
  "quiz": 0,
  "class_participation": 10,
  "final_exam": 15,
  "success": true
})

数字代表类别的权重，当我从 URL 中取出数据后，我希望它自动用相应的值填写所有输入框。

Answer 1

首先，你需要知道how to fetch data from URL，以及如何将数据存储到URL中。

为了将数据存储到 URL 中，您应该对其进行规范化，使其不会更改并且不会使您的 URL 变得丑陋或不安全。

假设您的数据位于 data 变量中，该变量是一个 JavaScript 对象。

var data = {
  "test": 60,
  "homework": 15,
  "quiz": 0,
  "class_participation": 10,
  "final_exam": 15,
  "success": true
}

var URLData = ncodeURIComponent(JSON.stringify(data));

// Pass URLData into URL

现在是读取时间了，您应该使用JSON.parse(your-object) 读取从 URL 读取的数据。

现在您需要访问 JavaScript 对象中的项目。

对于data 变量，这是我们获取项目的方式：

data.test; // --> 60
data.homework;  // --> 15
data.success  // --> true