javascript - Jquery onclick 具有多个不同的过滤器

Question

我目前正在尝试使用 Jquery .onclick 将 div 用作按钮，并在单击时为用户过滤一堆数据。例如，我有类别 Sports 以及子类别 basketball 和 baseball。

单击按钮时，我尝试对数据库进行 Ajax 调用，以过滤涉及子类别的所有帖子。

我的问题是，使这段代码尽可能简洁的最佳方法是什么。如果我单击篮球或棒球，我可以通过 Ajax 调用将参数发送到我的 php 文件，并为 php 中的不同参数提供多个 if 语句吗？

以下是 div 的示例:

<div class="filter" id="basketball">

</div>
<div class="filter" id="baseball">

</div>

如果我可以通过 AJax 将参数传递给 PHP，那么我可以在 Jquery 中创建一个函数来处理 Ajax 并执行如下操作吗？

$('#basketball').click(myFunction(basketball)); 
$('#baseball').click(myFunction(baseball));

myfunction(parameter){
   $.ajax({
       type: "GET",
       url: "filter.php", //Send parameter in to php?
       dataType: "json",
       success: function (result) 
       {
          ...
       }
   });

Answer 1

您不应将 ID 用于此目的。

试试这个方法:

<div class="filter" data-category="basketball">

</div>
<div class="filter" data-category="baseball">

</div>

在你的 JavaScript 上:

$('.filter').on('click', function(){
    var category = $(this).data('category');

    $.ajax({
        type: "GET",
        url: "filter.php?category="+category, 
        dataType: "json",
        success: function (result) 
        {
           ...
        }
    });
});