使用ajax实现jsp页面删除功能

前几天在练习页面增删改查时写到ajax时候忘记卡住了，去网上搜索时搜了半天发现解决方法不是特别难就是繁琐，于是赶紧联系兄弟让他把以前的代码发来。兄弟也是不辱使命，给我发来两张以前练习时的截图。

大概看了一下代码之后，就知道大概的一个思路，首先给大家看一下我的jsp页面

数据库中一共有三条数据，查询出来后点击删除，提示是否要删除，点击确定，提示删除成功

打开代码，首先在删除这个a标签这里，对a标签的超链接功能进行封锁，然后给它一个鼠标单击事件，创建一个删除的函数并且有两个参数，第一个是要删除的a标签，第二个是要删除的id，再来看一下函数..

函数中一共有两个参数，第一个是a第二个是id

首先给一个confim并且提示是否删除，然后用if判断，当返回值为true时，执行ajax删除操作

我们在学习时都学习了$.ajax与$.post，这三者最大的区别就是后者直接将提交方式默认为post。

$.post在这里有三个参数，第一个地址路径，第二个是要传递的参数，第三个是回调函数。再来将我的Servlet中的代码展示

根据地址路径中的action来操作，首先取一下我们传递到页面上的id，该id就是我们onclick事件中传递过去的id，然后再转成Integer类型，并且在dao层创建一个根据id来删除数据的方法，返回值为int类型，如果返回的值为0以上就是删除成功。这时out.print返回一个true，否则就是false，记得这里要加上双引号。

接下来就要走回调函数，回调函数里有一个参数，这个参数就是我们在servlet里面out.print返回的值。如果它是true，那么我们就将我们的a标签的父级td标签的父级tr删除，也就是删除表格中当前行。然后alert提示，删除成功。否则就是删除失败。