概览:在早上完成了Ajax的批量删除,在下午对实践用的数据库进行了修改,尝试了将从数据库获取的数据展示到页面上;
- Ajax的批量删除:
1>Ajax 即“AsynchronousJavascriptAndXML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。
2>Ajax = 异步JavaScript和XML(标准通用标记语言的子集)。
3>Ajax 是一种用于创建快速动态网页的技术。
4>Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
(1)Controller、service层中的内容照常编写,需要注意mapper文件中的删除语句:
<!--批量删除-->
<delete id="batchDelete" parameterType="list">
delete from tb_user where id in
<foreach collection="list" item="id" open="(" close=")" separator=",">
#{id}
</foreach>
</delete>
- 需要在user-list文件中配置Ajax:
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 x() {
alert("删除成功");
location.reload();
},
error:function () {
alert("删除失败");
}
});
}
- 还需要在user-list函数中注册deleteAll的点击事件
- 数据库的创建:
需要查得数据库的内链接查询语句语句:
SELECT * FROM tb_book
INNER JOIN tb_resource
ON tb_book.`bookid`=tb_resource.`resourceid` AND tb_resource.`resourcetype`='book';
查询结果;