php - 使用 Ajax 单击导航时更改内容

Question

我想更改列表的内容取决于用户在我的导航中“点击”的内容。我是 Ajax 的新手，不太了解它。

我不希望网站“重新加载”，所以只有 PHP 不是这里的灵魂。

因此，如果有人可以对我好，并说出这是如何工作并尝试解决这个问题的，我会像一条鱼一样快乐！

这就是它现在的样子，我已经编辑了图片让你掌握它。

亲切的问候/一个有问题的人..

Answer 1

假设我们想为此使用 JQuery ( http://api.jquery.com/ ) ajax 处理程序。

您需要做的是创建一个 php 页面，该页面将返回新列表，您可以通过使用过滤器来处理此问题以显示正确的信息。然后你想将该列表推送到容器中。

所以使用jquery，首先将点击事件绑定到链接然后运行类似这样的东西

$.get("[url]?filter=some filter", function(data){
     $([the div box id]).html(data ) 
});

其他选项包括将过滤后的列表返回为 json，但为简单起见，我们只保留返回 html。

Answer 2

默认情况下，您似乎已经将所有类别加载到列表中，对吗？如果是这样，就没有必要（而且这是不好的做法）使用 AJAX 来检索您已经交付的内容。这是您想要做的。

在您的 PHP 中，您将希望为这些项目附加一个唯一的类（最好使用类别名称的一些变体）。如果每个项目有多个类别，请为其所属的每个类别附加一个唯一的类。

在客户端，使用 jQuery 仅显示所需的项目。

jQuery( itemSelector ).not( desiredClass ).hide(); jQuery( desiredClass ).show();

以上将隐藏所有不在所需类中的提要项目，以防万一您想要显示的一些项目被隐藏，我们也将在所需类上调用 show。

您可以在左侧按钮上的 onClick 中实现这一点。