zoukankan      html  css  js  c++  java
  • JS通过id获取表格内容,并循环添加到数据库

    1、页面

    <table style="border:1px ; 100%; height:160px" >
                    <THEAD>
                        <TR>
                        <TH height="10px">姓名</TH>
                        <TH height="10px">性别</TH>
                        <TH height="10px">部门</TH>
                        <TH height="10px">工资</TH>
                        <TH height="10px">操作</TH>
                        </TR>
                    </THEAD>
                    <tbody id="tbodyUser">    
              <tr>
                <td></td>
                <td></td>
                <td>开发部</td>
                <td>10000</td>
              </tr>
                    </tbody>
                 </table><br>
        <input type="submit" onclick="addContent();" value="提交">

    2、JS代码

    //提交
    function addContent() {  
        var a = window.confirm("您确定要提交已选择的补发内容到统计表吗");
        if (a) {           
                var mytable = document.getElementById("tbodyUser");
                var data = [];
                for(var i=0,rows=mytable.rows.length; i<rows; i++){
                    for(var j=0,cells=mytable.rows[i].cells.length-1; j<cells; j++){
                        if(!data[i]){
                            data[i] = new Array();
                        }
                        data[i][j] = mytable.rows[i].cells[j].innerHTML;
                    }
                    
                }   
                var name;
                var sex;
                var department;
                var money;
                
                for(var f=0;f<data.length;f++){
                    var string = data[f];
                                
                       name=string[0];
                       sex=string[1];
                       department=string[2];
                       money=string[3];            
                     
                     if(name!=undefined&&sex!=undefined&&department!=undefined&&money!=undefined){
                     
                         $.ajax({ // 使用JQuery内置的Ajax方法
                            type : "post", // post请求方式
                            async : false, //同步请求将会锁住浏览器,用户其他操作必须等待请求完成才可以执行
                            url : "addUser.action",
                            data:{name: name,sex: sex,department: department,money: money},
                            success : function(result) {
                                
                                if(result=="succ"){
                                    //若成功则不给出提示,失败则提示失败
                                }else{
                                    alert("添加失败!");
                                }
                            }
                        });  
    
                     }           
                  }   
                alert("已完成操作!")
        }else{
            alert("取消添加!");
        }
    }
  • 相关阅读:
    windows远程桌面
    Arch Linux 2012.07.15 放出
    smart archives reloaded 中文版
    Dan North谈误导的艺术
    猎豹浏览器官方下载
    Druid 不仅仅是一个数据库连接池
    仰观Java时代淘宝
    Office 2013 Preview 专业增强版下载!微软下一代办公套件,Win8式Metro风格清新界面
    常用排序算法
    OpenCV 卡尔曼滤波器的使用
  • 原文地址:https://www.cnblogs.com/shoose/p/8393527.html
Copyright © 2011-2022 走看看