使用ajax将复选框的值提交到后台

不念不忘少年蓝@ 2022-06-06 06:47 164阅读 0赞

# 说明 #

在javaweb项目中，需要使用ajax将复选框的值的提交到后台，记录一下当时碰到的问题

# 正文 #

## 一、使用jQuery得到复选框的值 ##

var checkID=[];
                    $("input[name='checkbox']:checked").each(function(i){ 
                          checkID[i] = $(this).val();
                    });

## 二、使用ajax异步提交 ##

![这里写图片描述][SouthEast]

### 注意图中红框的traditional选项 ###

**它的含义是是否使用传统的方式浅层序列化**

默认为false，此时传到后台接收不到

![这里写图片描述][SouthEast 1]

改为true后，后台可以正常接收到

![这里写图片描述][SouthEast 2]

## 三、完整代码 ##

**复选框**

**脚本**

**后台**

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
            String[]  checkID = request.getParameterValues("checkID");
            try {
                HotNewsIn.addHot(checkID);
            } catch (Exception e) {
                e.printStackTrace();
                Log.logger.error(e.getMessage());
            }
            response.setCharacterEncoding("utf-8");
            response.getWriter().write("设置成功");
        }

[SouthEast]: /images/20220606/97981b33b4cf4b1bae608101c6654d16.png
[SouthEast 1]: /images/20220606/72b76dbed1b14b46ad26f2cd0a401017.png
[SouthEast 2]: /images/20220606/c50015f3caa74934807ca686a19cfad5.png