gpt4 book ai didi

javascript - 单击加载不同的 api 内容(JS)

转载 作者:行者123 更新时间:2023-11-30 13:53:49 24 4
gpt4 key购买 nike

<分区>

我从 API 获取一些数据。数据采用 JSON 格式。我用 PHP 获取数据并以 HTML 格式输出。

现在我想做的是,实现一个过滤器机制来从 API 输出不同的内容。

例子:

我可以使用过滤器调用 API。我选择了一个 type = 1 的请求和另一个 type = 2 的请求。这两个调用都返回一个包含预期数据的 JSON 对象。我在 PHP 中做了一个 foreach 循环,并从调用 1 中取出数据。我用数据 2 做了另一个循环。一开始我想显示数据 1,当我点击一个链接(例如获取数据 2)时,数据 2 应该加载并替换数据 1.

到目前为止一切顺利。我对 JavaScript 或 JQuery 的经验不多。什么是正确的方法?从 API 调用中获取数据并直接使用 JS?有没有办法存储 PHP 输出并只加载需要的输出?

我没有太多代码可以展示,因为这更像是建立一个基地。我喜欢了解如何解决这些问题并自己找到解决方案(仍在学习)。也许有人可以解释获得解决方案的步骤。

<?php
// Making an API call with POST as the method.
// The $filter1 variable holds a JSON Object with search terms for
// data 1
$results = new APIReader('POST', 'https://www.linktoapi.com/', $filter1, 'username:password');
?>
<!-- Links to filter the data output -->
<nav>
<a href="#data1">get data 1</a>
<a href="#data2">get data 2</a>
</nav>

<?php
// Loop through data 1
foreach ($results as $result) {
echo $result->ID;
}

?>

所以我为数据 2 执行另一个 API 调用和循环。如何在不重新加载页面的情况下加载数据 2 而不是数据 1?

提前致谢!

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com