php - 使用 jQuery AJAX 传递复选框数据

Question

我正在尝试使用 jQuery 的 .getJSON 方法将选定复选框的值传递到 PHP 文件。

问题: PHP 文件似乎未接收到这些值。我正在使用 print_f 来查看 PHP 文件是否已收到表单数据。查看返回数据，错误 PHP throws [Undefined index:] 告诉我 2 个数组 $bedroom 和 $bathroom 未定义。我该如何让它发挥作用？

HTML 代码

<form action="form_ajax.php" method="post">
  <input type="checkbox" name="bedroom[]" value="1">
  <input type="checkbox" name="bedroom[]" value="2">
  <input type="checkbox" name="bedroom[]" value="3">

  <input type="checkbox" name="bathroom[]" value="1">
  <input type="checkbox" name="bathroom[]" value="2">
  <input type="checkbox" name="bathroom[]" value="3">

  <input type="submit" id="button" value="submit!!!">
</form>

jQuery 代码

$(function() {

    $("#button").click(function(e) {
        e.preventDefault();
        var other_data = "hello";
        $.getJSON("form.php", {some-other-data: other_data, bedroom: bedroom[], bathroom: bathroom[]}, function(data) {
            console.log(data);
        });
    });

});

PHP 代码

<?php

$bedroom = $_GET['bedroom'];
$bathroom = $_GET['bathroom'];

print_r($bedroom);
print_r($bathroom);

？>

Answer 1

根据$.getJSON()的jQuery文档数据作为查询字符串变量传递，因此我建议您尝试使用 $_GET 代替:

$bedroom = $_GET['bedroom'];
$bathroom = $_GET['bathroom'];

编辑，如何将所有表单数据发送到 php 文件:

如果向 form-tag 添加 id 属性，则可以轻松使用 jQuery 序列化表单，如下所示，并将其作为 $.getJSON() 中的数据对象传递:

$.getJSON("form.php", $("#your-form-id").serialize());

然后您选择的所有复选框都应传递到 PHP 文件。