zoukankan      html  css  js  c++  java
  • 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  
  • 相关阅读:
    LINQ篇:查询句法
    DLINQ(五):存储过程
    DLINQ(六):探究特性
    DLINQ
    LinQ 扩展函数的应用
    Linq 入门系列 select篇
    Linq 入门系列 [Take,Skip,TakeWhile,SkipWhile]篇
    javascript导航动画效果
    javascript简单的计算器实现
    javascript简单的日历实现
  • 原文地址:https://www.cnblogs.com/dennyLee2025/p/14494506.html
Copyright © 2011-2022 走看看