本章案例为通过js，动态操作table，实现在单页面进行增删改查的操作。
简要案例如下：
- function addOrder() { document.getElementById('hiddtr').style.display="table-row"; window.location="#hiddtr";}function cancel(){ document.getElementById('hiddtr').style.display="none";}function modify(ele){ var tr = $(ele).closest("tr"); var name = tr.find("input[name='name']"); var age = tr.find("input[name='age']"); if(name.val()==""){ alert("姓名不能为空"); return ; } if(age.val()==""){ alert("年龄不能为空"); return ; } if(!confirm("确认修改？")){ return; } $.ajax({ type: "POST", url: "${ctx}/user/update", dataType:"json", data: {name : name.val(),age:age.val()}, success: function(json){ if(json.msg=='success'){ alert("修改成功！"); }else{ alert(json.msg) } $(ele).attr("disabled",false); } });}function deleteObj(ele,id){ if(confirm("确定要删除吗？")){ var url="${ctx}/user/delete/"+id; $.ajax({ type: "POST", url: url, dataType:"json", success: function(json){ if(json.msg=='success'){ alert("删除成功！"); $(ele).closest("tr").remove(); }else{ alert(json.msg) } $(ele).attr("disabled",false); } }); }}function classSubmit(ele){ var tr= $(ele).closest("tr"); var name = tr.find("input[name='name']"); var age = tr.find("input[name='age']"); if(name.val()==""){ alert("姓名不能为空"); return ; } if(age.val()==""){ alert("年龄不能为空"); return ; } $("#addForm").submit();}
登录后复制
id name age${(page.currPage-1) *page.pageSize+status.count} 删除修改 ${(page.currPage-1) *page.pageSize+status.count} 删除修改
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
