使用 ajax 将复选框数据发布到 java servlet答案

【问题标题】：Post checkbox data with ajax to java servlet使用 ajax 将复选框数据发布到 java servlet
【发布时间】：2017-10-09 11:00:17
【问题描述】：

我有一个脚本，我尝试将复选框值传递给 ajax，但不知何故不能。对于用户，将显示名称，而我使用以下内容获取用户选择名称的 IDlist。

<script>
    var finalidlist = '';
        var checkboxes = $('.selectone');
        for (i = 0; i < checkboxes.length; i++) {
            if (checkboxes[i].checked === true) {
                if (finalidlist.length > 0) {
                    finalidlist += ',';
                }
                finalidlist += checkboxes[i].name;
            }
        }

    $('#selectall').click(function () {
        var checkboxes = $('.selectone');
        for (i = 0; i < checkboxes.length; i++) {
            checkboxes[i].checked = this.checked;
        }
    });
    $('.selectone').click(function () {
    });
</script>

之后，我尝试在用户提交时将值传递给 ajax

<script>
 $(function () {
    $('#submit_button').click(function () { $.ajax({
                url: 'submit.jsp',
                type: 'post',
                dataType: 'html',
                async: false,
                data: {ids: finalidlist}
    }
   };
}

</script>

虽然我无法在 ajax 中获取已检查的 id 列表。我对jsp很陌生，有人可以帮忙吗？

【问题讨论】：

可能是你的 ajax 在一个脚本中，而你的 finalidlist 在另一个脚本中
这个问题与发布到 java 有什么关系？您只是在解决 JavaScript 没有获得所需值的问题。您在实际帖子中提到的问题没有问题。
您的 finalidlist 不会在复选框更改时更新
谢谢安徒生，你很有礼貌..

标签： javascript java jquery ajax jsp

【解决方案1】：

我移动了用于在点击处理程序中初始化 finalidlist 的脚本。这样您就不需要在每次复选框更改时都更新列表。

$(function () {
    $('#submit_button').click(function () {
        var finalidlist = '';
        for (i = 0; i < checkboxes.length; i++) {
            if (checkboxes[i].checked === true) {
                if (finalidlist.length > 0) {
                    finalidlist += ',';
                }
                finalidlist += checkboxes[i].name;
            }
        }
        $.ajax({
            url: 'submit.jsp',
            type: 'post',
            dataType: 'html',
            async: false,
            data: {ids: finalidlist}
        }
    };
});

【讨论】：