Question

我使用ajax从另一个站点中提取Json内容（例如：站点A）。和代码如下：

<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。你可以使用像胡子或淘汰赛这样的库来做到这一点。我相信也有jQuery插件可以提供帮助。或者，您可以在javascript中手动创建html。

此外，您需要将函数附加到每个项的click事件，这将以与现有代码大致相同的方式执行请求，但将参数添加到URL查询字符串。你这样做的方式取决于你如何渲染你的HTML。然后，响应可以在类似于渲染列表的方式中呈现在DOM中，尽管对于整个JSON响应。

Ajax将Json内容从列表页面导航到详细信息页面

1 个答案: