通过JS从站点获取数据并保存在字典中

Question

我想通过 Javascript 从https://api.memegen.link/templates获取一些数据。有人可以指出我正确的方向或给我一些示例代码吗？我想获取所有的nameandblank并将其存储在字典中。

Answer 1

首先，我们得到一个随机数（第一行）。然后我们使用fetch()API 从网站获取 JSON 数据。然后我们将数据转换为 json，然后从数组中选择一个随机对象，然后将 和 记录name到blank控制台。这是获得一件物品的方法。

let random = Math.floor(Math.random() * 10);

fetch("https://api.memegen.link/templates")

    .then(data => data.json())

    .then(data => {

         console.log(data[random].name);

         console.log(data[random].blank);

    })

    .catch(e => console.error(e));

要将所有数据放入字典中，您需要这样做

fetch("https://api.memegen.link/templates")

    .then(data => data.json())

    .then(data => {

    // The line below is a declaration of a array

            let items = [];

    // Getting every object from the array and pushing the names and images to OUR array

                data.forEach(item => {

                items.push({ name: item.name, blank: item.blank });

        });

    // Logging the array

        console.log(items);

    })

    .catch(e => console.error(e));