Ajax 即“AsynchronousJavascriptAndXML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。在无需重新加载整个网页的情况下,能够更新部分网页。 今天实现了运用ajax实现批量删除用户的功能,代码如下:
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script type="text/javascript"> function deleteAll() { var checkedNum = $("input[name='ids']:checked").length; if(checkedNum == 0){ alert("至少选中一项删除!"); return; } if(confirm("确定删除选中的用户?")){ var userList = new Array(); $("input[name='ids']:checked").each(function () { userList.push($(this).val()); }); } $.ajax({ type:"post", url:"${pageContext.request.contextPath}/user/batchDelete.do", data:{userList:userList.toString()}, success:function () { alert("删除成功!"); location.reload(); }, error:function(){ alert("删除失败!") } }); } </script> <button type="button" class="btn btn-default" title="批量删除" onclick="deleteAll()"> <i class="fa fa-refresh"></i> 批量删除 </button> <!--批量删除--> <delete id="batchDelete" parameterType="list"> delete from tb_user where id in <foreach collection="list" item="id" open="(" close=")" separator=","> #{id} </foreach> </delete>之前没有接触过ajax,很多地方也弄不懂,以后还要认真学习呀!