如何将长JavaScript数组传递给Python CGI脚本？解决URL过长403错误

你遇到的问题根源是GET请求的URL长度限制：GET请求会把参数拼在URL里，而大多数服务器对URL长度有上限（常见范围2KB-8KB），当数据量过大时就会触发403错误。解决核心是改用POST请求，数据会放在请求体中，不受URL长度限制。

先修正原代码的错误 #

原JavaScript存在两个关键问题：

• document.getElementByName 应为 document.getElementsByName（复数形式，name属性对应多个元素）
• 未判断复选框是否被选中，会收集所有复选框的值，而非用户勾选的项

方案一：用JavaScript动态创建POST表单提交 #

无需大幅修改现有HTML，通过JS构建隐藏表单提交数据：

function joinAllVal() {
    // 收集选中的复选框值
    var tempList = [];
    // 获取所有name以cb_开头的复选框
    var checkboxes = document.querySelectorAll('input[type="checkbox"][name^="cb_"]');
    checkboxes.forEach(function(cb) {
        if (cb.checked) {
            tempList.push(cb.value);
        }
    });

    // 创建隐藏POST表单
    var form = document.createElement('form');
    form.method = 'POST';
    form.action = 'new.py';

    // 添加表单字段（将数组转为字符串，方便后端解析）
    var input = document.createElement('input');
    input.type = 'hidden';
    input.name = 'inpList';
    input.value = tempList.join(',');
    form.appendChild(input);

    // 提交表单
    document.body.appendChild(form);
    form.submit();
    document.body.removeChild(form); // 提交后移除表单
}

修改HTML按钮，避免默认提交冲突：

<button onclick="joinAllVal()" type="button">Submit</button>

方案二：直接用HTML表单提交（更简洁） #

如果所有复选框属于同一区域，直接用<form>包裹，设置POST方法，无需额外JS：

<form method="POST" action="new.py">
    <!-- 示例复选框，根据实际情况调整 -->
    <input type="checkbox" name="inpList" value="val1">选项1
    <input type="checkbox" name="inpList" value="val2">选项2
    <!-- 更多复选框... -->
    <button type="submit">Submit</button>
</form>

这种方式下，选中的复选框值会自动以inpList=val1&inpList=val2的形式传递，后端可直接获取数组。

后端Python脚本处理示例 #

假设使用Flask框架，两种方案的后端处理方式：

• 方案一（接收逗号分隔字符串）：

  from flask import request
  inp_list = request.form.get('inpList', '').split(',')
  

• 方案二（接收多值参数）：

  from flask import request
  inp_list = request.form.getlist('inpList')
  

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