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

Question

我使用 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下做到这一点？希望这是有道理的。干杯。

Answer 1

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

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