如何通过AJAX提交输入数组值？附HTML/PHP代码求助

AI 小北

2026-5-25

我来帮你搞定这个多选框的AJAX提交问题，其实步骤很清晰，咱们一步步来：

1. 获取多选框的选中值

对于带multiple属性的<select>，jQuery的.val()方法会直接返回一个包含所有选中选项值的数组，非常省心。如果没有选中任何选项，它会返回null，所以可以加个兜底处理：

// 获取选中值，默认空数组避免null问题
var selectedValues = $('#mul_sel_v1').val() || [];

2. 通过AJAX发送数据

你只需要把获取到的数组按照表单name的结构传递给后端，PHP就能直接识别成数组。这里用$.ajax()写个完整示例：

$.ajax({
    url: '你的PHP处理文件路径.php', // 替换成你的实际接口地址
    method: 'POST',
    data: {
        // 对应表单里的name="variables[0][]"，直接把数组传进去
        'variables[0]': selectedValues
    },
    success: function(response) {
        // 请求成功后的逻辑，比如提示用户或者处理返回结果
        console.log('提交成功！返回内容：', response);
        alert('变量已提交');
    },
    error: function(xhr, status, error) {
        // 请求失败的错误处理
        console.error('提交出错：', error);
        alert('提交失败，请稍后重试');
    }
});

3. PHP端接收处理

后端可以直接通过$_POST['variables'][0]拿到这个选中值数组，和普通表单提交的数组处理完全一样：

<?php
// 检查是否接收到变量
if (isset($_POST['variables'][0])) {
    $selectedVariables = $_POST['variables'][0];
    // $selectedVariables 是一个数组，比如可以打印查看内容
    print_r($selectedVariables);
    
    // 这里写你的业务逻辑，比如存入数据库、生成配置等
}
?>