JS通过id获取表格内容,并循环添加到数据库
1、页面
<table style="border:1px ; width: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("取消添加!"); } }