复选框触发Ajax调用后，如何获取所有model参数值？

一、获取所有选中的model值 #

问题出在HTML复选框的命名逻辑上：如果复选框的name属性为model，PHP会默认仅保留最后一个提交的同名参数值（部分环境下可能取第一个）。要获取所有选中值，只需修改复选框的name为数组格式：

1. 修改HTML复选框：

   <input type="checkbox" name="model[]" value="型号1" class="model">
   <input type="checkbox" name="model[]" value="型号2" class="model">
   <!-- 更多复选框依此类推 -->
   

2. PHP端处理数组：
   此时$_POST['model']会变成一个包含所有选中值的数组，直接遍历或使用即可：

   if (isset($_POST['model']) && is_array($_POST['model'])) {
       // 遍历所有选中值
       foreach ($_POST['model'] as $value) {
           echo "选中型号：{$value}<br>";
       }
       // 或者直接拼接成字符串
       $selectedModels = implode(', ', $_POST['model']);
       echo "已选型号：{$selectedModels}";
   }
   

3. JS代码无需修改：serialize()会自动处理数组格式的name，生成model[]=型号1&model[]=型号2这样的参数，不影响原有AJAX逻辑。

二、JSON响应无法显示的问题 #

当把dataType设为json时，jQuery会自动将服务器响应解析为JSON对象，而非原始HTML字符串，直接用html(data)会显示[object Object]这类无效内容。解决方式分两种：

方式1：保持HTML响应（推荐，符合你显示内容的需求） #

无需修改dataType，让PHP直接返回HTML字符串即可，这也是你原本的实现逻辑，不需要切换到JSON。

方式2：使用JSON并正确解析显示 #

如果确实需要用JSON传输数据，需在前端将JSON对象转换为可显示的HTML：

1. PHP端返回JSON数据：

   $selectedModels = isset($_POST['model']) ? $_POST['model'] : [];
   // 返回包含数据和HTML片段的JSON
   echo json_encode([
       'models' => $selectedModels,
       'displayHtml' => '<p>选中的型号：' . implode(', ', $selectedModels) . '</p>'
   ]);
   

2. JS端修改回调逻辑：

   $.ajax({
     url: 'av_check.php',
     data: formData,
     type: 'post',
     dataType: 'json', // 设为json
     success: function(data) {
       // 方式A：直接使用返回的HTML片段
       $('#html-container').html(data.displayHtml);
       
       // 方式B：用JSON数据动态生成HTML
       let listHtml = '<ul>';
       data.models.forEach(model => {
           listHtml += `<li>${model}</li>`;
       });
       listHtml += '</ul>';
       $('#html-container').html(listHtml);
     }
   });
   

内容的提问来源于stack exchange，提问作者Patrick_iot