gpt4 book ai didi

javascript - Ajax 将 Json 内容从列表页导航到详情页

转载 作者:行者123 更新时间:2023-11-30 18:01:00 26 4
gpt4 key购买 nike

我使用 ajax 从另一个站点(例如:站点 A)提取 Json 内容。代码如下:

<script>
$(document).ready(function() {
$.ajax({
type: "GET",
url: "https://www.xxx.com",
dataType: "json",
success: processData,
error: function(){ alert("failed"); }
});

function processData(data)
{
console.log(data);
}
});
</script>

我设法列出了内容。但这是一个列表页面。我需要让人们能够导航到详细信息页面。这意味着当人们点击一个项目时,它会将带有参数的请求发送回另一个站点(站点 A),然后在详细信息页面中获得包含内容的响应。我怎样才能在ajax下做到这一点?希望这是有道理的。干杯。

最佳答案

您的 processData 函数应该遍历返回的数据列表中的项目,呈现 html 并将其添加到 DOM。您可以使用 mustache 或 knockout 之类的库来执行此操作。我相信也有 jQuery 插件可以提供帮助。或者,您可以在 javascript 中手动创建 html。

此外,您需要将一个函数附加到每个项目的点击事件,这将以与现有代码大致相同的方式执行请求,但将参数添加到 URL 查询字符串。您执行此操作的方式取决于您呈现 html 的方式。然后可以以类似于呈现列表的方式在 DOM 中呈现响应,尽管是针对整个 JSON 响应。

关于javascript - Ajax 将 Json 内容从列表页导航到详情页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17015215/

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