为什么我不能从 jQuery (PHP) 接收数据？

Question

我有一个 PHP 表单：

<form action="" method="post" id="CheckBoxForm">
    foreach ( $results as $result ) :
      <input type="checkbox" class="chk" id="check_list[]" value="'.($result->meta_value).'"/>
<input type="submit" name="submit" value="Submit"/>
</form>

我在 js 文件中取值：

        jQuery('#CheckBoxForm').on('submit', function(e) {

            var chkArray = [];
            var CheckBoxForm=jQuery(this).serialize();
            alert(CheckBoxForm);

            jQuery(".chk:checked").each(function() {
            chkArray.push($(this).val());
            });

            var selected;
            selected = chkArray.join(',') + ",";

            jQuery.ajax({
            type:"POST",
            url: "/wp-admin/admin-ajax.php",
            data: selected,     
            success:function(data){
            jQuery("#feedback_country").html(data);
            }
            });

            return false;    

    });

});

如果我提醒 selected 它会给我一个值列表。所以脚本已经初始化并获取了数据。

在脚本结束时，它接收反馈数据html(data)并将其发送回初始的php文件。

接受js文件请求的PHP文件（POST REQUEST）有这样的代码：

foreach($_POST['check_list'] as $selected){
echo $selected."</br>";
}

而且它会返回 0。 我不明白出了什么问题。

Answer 1

您的 JavaScript 中有太多不需要的额外代码。您不需要那些 chkArray 或 selected 变量。

jQuery('#CheckBoxForm').on('submit', function(e) {
    var CheckBoxForm = jQuery(this).serialize();

    jQuery.ajax({
        type:"POST",
        url: "/wp-admin/admin-ajax.php",
        data: CheckBoxForm,     
        success:function(data){
            jQuery("#feedback_country").html(data);
        }
    });
    return false;
});

这应该就是你所需要的。 serialize() 将从表单中获取所有值，并以正确的格式创建一个字符串以发送到您的 PHP 脚本。

注意：您的 HTML 不正确，您的表单应如下所示：

<form action="" method="post" id="CheckBoxForm">
    <?php foreach($results as $result): ?>
        <input type="checkbox" class="chk" name="check_list[]" value="<?=$result->meta_value?>"/>
    <?php endforeach; ?>
    <input type="submit" name="submit" value="Submit"/>
</form>

您想在复选框上使用name 属性，而不是id。

Answer 2

您的问题是您发送的是单个字符串而不是键值对：

selected = chkArray.join(',') + ",";
...

  data: selected,

虽然我不建议手动构建查询字符串 - serialize() 将负责正确的转义 - 您可以发送检查列表字符串，例如：

data: {check_list: selected},

编辑： 现在在 php 中您将有一个 $_POST['check_list'] 变量，但这是一个逗号分隔字符串中的列表。因此，要将其转换为数组并对其进行循环，您需要以下内容：

$arr = explode(',', $_POST['check_list']);
foreach ($arr as $selected) {
  echo $selected."</br>";
}