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("取消添加!");
    }
}
原文地址:https://www.cnblogs.com/shoose/p/8393527.html