jquery - 如何动态使用checkbox从mysql获取数据？ -jquery

Question

我是 jquery 和 php 的新手，但我正在尝试使用复选框从 mysql 数据库中获取内容。

为了进一步解释，我想要一个复选框，当选中时，它会将复选框的 id 放入 mysql 查询中并显示数据库的结果。

所以，如果我选中此框:

<input name="apple" type="checkbox" id="apple" /><label for="apple">Apple</label>

它将把 id 或类名 (apple) 发送到 php sql 查询并收集结果。

我不完全确定如何执行此操作，因此如果有人可以提供帮助，那就太好了。

编辑

我有一个如下所示的 php 查询:

$query1 = "SELECT * FROM explore WHERE category='apple' ORDER BY category";

该查询仅显示带有“apple”的类别

我不知道如何通过传递查询的 id 从 jquery 转到 php。如何获取进入“category=”的 php 页面的复选框的 id？

Answer 1

您应该按照以下代码的思路思考...

首先，您可能想向您的复选框添加一个“checked”类，如下所示。

<input name="apple" type="checkbox" id="apple" class="checked" />

现在是 jquery 代码...

$("input.checked").click(function() {
  $.ajax({
    url: 'ajax/getData.php?id=' + $(this).attr("id"), // the id gets passed here
    success: function(data) {
      alert('Load was performed.'); // Play with your response here
    }
  });
});

1. 在任何“checked”类的输入发生点击事件时，都会触发此事件。
2. 单击的复选框的 ID 将被发送到服务器端代码，在本例中为 getData.php
3. 您将把 mysql 查询放在 getData.php 中，然后您将发送一个格式化的响应，也许是一些 xml
4. 使用ajax，将获取响应
5. 然后您可以根据需要操纵响应