jq 完成复选框的全选和全不选,并组装成数组发送到后台

jQuery 代码实现,HTML dom节点对应js的id 即可

<script>    
    $(function() {
        //复选框全选和全不选
        $("#selectAll").click(function() {
            $(":checkbox[name='item']").prop("checked", this.checked); // this指代的你当前选择的这个元素的JS对象
        })
    })
    
    //将checkbox获取选中的值转成数组
    function selectCheckbox(){
        var obj=$("input[name='item']");  
        arr = [];
        for(k in obj){
            if(obj[k].checked)
               arr.push(obj[k].value);
        }
        return arr;
    }
    
    //保存数据
    function saveData(){
        var selectArray = selectCheckbox();
        $.ajax({
            url:"dealxxxx.jsp",
            data:{selectArray:selectArray},
            dataType:"json",
            traditional:true,
            success:function(res){
                if(res=="000"){
                    alert("OK");
                    location.reload();
                }else{
                    alert("error");
                    location.reload();
                }
            },
            error:function(){
                alert("error");
                location.reload();
            }
            
        })
    }
</script>
后台接收数组对象值
dealxxxx.jsp 使用jsp内置的request对象来获取
String[] selectArray = request.getParameterValues("selectArray");

总结ajax 发送请求后台处理成功但返回error 的问题

  1. 返回数据类型不是JSON
  2. 网络中断
  3. 后台响应中断
  4. 是否为跨域请求
  5. jquery版本过高导致数组对象传输时每个值都当作一个数组的问题,解决办法:traditional:true  

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Java全栈布道师

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值