首页 > 代码库 > js增删改查
js增删改查
1 <body> 2 <div class="main"> 3 </div> 4 <div> 5 <form id="form1" action="<c:url value="http://www.mamicode.com//listPdept.do"/>" method="post" autocomplete="off"></form> 6 <table style="width: 50%"> 7 <tr> 8 <td style="text-align: center; " > 9 部门名称：<input type="text" name="name" id="name"> <input type="button" id="login" value="添加 " onclick="addData()"> 10 </td> 11 <td style="text-align: right;"><input type="button" value="刷新" onclick="reflush()"/></td> 12 </tr> 13 </table> 14 </div> 15 <table class="grid"> 16 <tr> 17 <th style="width:20px">序号</th> 18 <th style="width:60px">部门</th> 19 <th style="width:60px">添加日期</th> 20 <th style="width:60px">添加人</th> 21 <th style="width:60px">操作</th> 22 23 </tr> 24 <c:forEach items="${list}" var="model" varStatus="num"> 25 <tr> 26 <td>${num.index+1}</td> 27 <td id="td${num.index}"> ${model.name}</td> 28 <td> 29 <fmt:formatDate value="${model.createtime}" pattern="yyyy-MM-dd"/> 30 </td> 31 <td>${model.creatorId+1}</td> 32 <td> 33 <a href="javascript:void(0);" onclick="update(‘${model.id}‘,‘${num.index}‘)">修改</a> 34 | <a href="javascript:void(0);" onclick="deleteData(‘${model.id}‘,‘${num.index}‘)">删除</a> 35 </td> 36 </tr> 37 </c:forEach> 38 </table> 39 <div> 40 </div> 41 42 <script type="text/javascript"> 43 44 function deleteData(order){ 45 if(confirm ("您确定要删除此部门吗？")){ 46 $.ajax({ 47 url: "<c:url value=http://www.mamicode.com/"/deletePdept.do"/>", 48 type: "post", 49 data: {id: order}, 50 dataType: "text", 51 success: function (data) { 52 if (data =http://www.mamicode.com/= "success") { 53 alert("修改成功！"); 54 reflush(); 55 }else{ 56 alert("删除失败！"); 57 } 58 } 59 }); 60 return ; 61 }else{ 62 alert("删除失败！"); 63 } 64 } 65 function update(order, indexa) { 66 var obj = document.getElementById("td"+indexa); 67 var intext = obj.innerHTML; 68 obj.innerHTML="<input type=‘text‘ name=‘text"+indexa+"‘ value=‘"+intext+"‘ onblur= \"updateData(‘"+order+"‘,‘"+indexa+"‘)\"/>" 69 // alert(obj.innerHTML); 70 } 71 function updateData(order,indexa){ 72 var result =$("input[name=‘text"+indexa+"‘]").val();//获得修改内容 73 result = $.trim(result); 74 $.ajax({ 75 url: "<c:url value=http://www.mamicode.com/"/updatePdept.do"/>", 76 type: "post", 77 data: {id: order, name: result}, 78 dataType: "text", 79 success: function (data) { 80 if (data =http://www.mamicode.com/= "success") { 81 alert("修改成功！"); 82 var obj = document.getElementById("td"+indexa); 83 obj.innerHTML=result; 84 }else{ 85 alert("修改失败！"); 86 } 87 } 88 }); 89 } 90 function addData(){ 91 var result =$("input[name=‘name‘]").val();//获得修改内容 92 result = $.trim(result); 93 if (!result){ 94 alert("请输入！"); 95 }else{ 96 $.ajax({ 97 url: "<c:url value="/addPdept.do"/>", 98 type: "post", 99 data: {name: result},100 dataType: "text",101 success: function (data) {102 if (data == "success") {103 alert("添加成功！");104 $("#form1").submit();105 }else{106 alert("添加失败！");107 }108 }109 }); 110 }111 112 }113 114 function reflush(){115 $("#form1").submit();116 }117 </script>118 </body>
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。