获取不同的数据

Where business professionals discuss big database and data management.
Post Reply
asikurrahmanshuvo
Posts: 100
Joined: Mon Dec 23, 2024 3:57 am

获取不同的数据

Post by asikurrahmanshuvo »

这会将返回的内容限制为仅有 Pokémon 的列表,而不包含一些额外的数据。

回到index.html文件中,我们将添加另一个按钮并更新当前按钮以获取 2 种不同类型的数据。将 id 为 的按钮更新fetch-pokedex-btn为 id fetch-kanto-btn。然后添加一个 id 为 的新按钮fetch-hoenn-btn。

我们还需要更新脚本标记中的变量和函数。fetchPokedexBtn用获取新 ID 的新变量替换该行。

接下来,我们必须更新事件侦听器函数以获取不 哈萨克斯坦whatsapp数据 同的数据类型。首先,将当前fetchPokedexBtn事件侦听器上的名称更新为fetchKantoBtn。现在我们可以使用本机 fetch API 编辑返回的数据,该 API 将选项对象作为第二个参数,以传递POST方法并将自定义数据发送回无服务器函数。在这里,我们要为 Pokémon API 指定关东地区。
我们还需要一个事件监听函数来监听“获取丰缘图鉴”按钮。我们将做同样的事情,但将kanto区域换成hoenn。

事件和上下文参数
所有无服务器函数都接受两个参数,event和context。event对象包含有关请求的信息,context参数包含有关调用该函数的上下文的信息。我们可以使用该event对象来获取我们发送的自定义标头以及我们添加到代码中的请求index.html。在pokedex.js文件中,将两个参数添加到处理程序函数并使用记录事件和上下文我喜欢将我正在记录的变量包装在一个对象中,{}以便在它通过时查看名称。

保存文件并运行ntl dev,单击其中一个 Fetch Kanto Pokedex 按钮,在终端中您将看到大量数据返回。这里最重要的部分是event.body,您将看到我们通过该方法发送的 Pokémon 的区域POST。

身体区域 关东 打印输出

我们将通过创建一个变量来保存解析的信息event.body,然后更新所获取的 URL,以根据发送的区域进行动态更新。

现在,如果您刷新页面并单击两个 Pokedex 按钮,您将看到基于指定区域的两组独立数据。您可以添加、提交并将代码推送到 git 以启动站点的新部署。
Post Reply