Question

我是jquery和ajax的新手，在理解其工作原理时遇到了一些问题。我正在尝试建立一个动态表单，该表单会使用jquery和ajax从mysql数据库自动读取数据。该表格有4个部分：第2部分取决于用户在第1部分中选择的内容，第3部分取决于用户在第2部分中选择的内容，依此类推，并且如上所述，列出的所有复选框都必须从数据库中加载。该部分的每个部分仅由复选框组成，并且这些部分是：家庭，亚家庭，意甲，模型。

家庭成员的加载方式

$family = mysqli_query($conn, "SELECT DISTINCT family FROM product");
while ($row = $family->fetch_assoc()){
echo "<input type='checkbox' id='family[]' value='" . $row['family'] . "'>" . $row['family'] . "<br>";
    }

现在，我需要将选中的复选框传递给一个函数，并且此函数应将数据发送到外部php页面，该页面将加载并通过以下代码将数据传递回主页

$sf = $_POST['family'];     
$serie = mysqli_query($conn, "SELECT DISTINCT family FROM product WHERE family = $sf");
while ($row = $serie->fetch_assoc()){
echo "<input type='checkbox' id='subfamily[]' value='" . $row['subfamily'] . "'>" . $row['subfamily'] . "<br>";

已通过测试，并且工作正常。我的问题是我已经搜索并尝试了在网上找到的所有示例，但是由于第二部分（子家族）未加载，因此我仍然无法在页面之间发送和接收数据。

这是我测试过的jquery，但是主页上什么都没有显示

<script>
$("#subfamily").onclick(function () {
var value = $(this).val();
$.ajax({
    type: "POST",
    url: "showsubfamily.php",
    async: true,
    data: {
        action1: value 
    },
    success: function (msg) {
        alert('Success');
        if (msg != 'success') {
            alert('Fail');
        }
    }
});
});
</script>

发送数据并使用ajax和jquery从复选框中调出php页面

0 个答案: