Ajax批量删除,数据库设计

本文介绍了如何实现Ajax批量删除功能,详细讲解了Ajax的基本概念,并提供了Controller、Service及Mapper层的删除语句示例。同时,文章还涉及到前端页面的Ajax配置,包括删除确认对话框和Ajax请求。此外,还提到了数据库设计,特别是内连接查询在数据展示中的应用。
摘要由CSDN通过智能技术生成

概览:在早上完成了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>

  1. 需要在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("删除失败");

                }

});

        }

  1. 还需要在user-list函数中注册deleteAll的点击事件
  • 数据库的创建:

需要查得数据库的内链接查询语句语句:

SELECT * FROM tb_book

        INNER JOIN tb_resource

        ON tb_book.`bookid`=tb_resource.`resourceid` AND tb_resource.`resourcetype`='book';

查询结果;

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值