在网页中利用ajax实现批量删除
什么是ajax
AJAX = 异步 JavaScript 和 XML。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。
有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图、开心网等等。
是用Get还是Post
与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。
然而,在以下情况中,请使用 POST 请求:
无法使用缓存文件(更新服务器上的文件或数据库) 向服务器发送大量数据(POST 没有数据量限制) 发送包含未知字符的用户输入时,POST 比GET 更稳定也更可靠
具体步骤
第一步先导入了js包
第二步定义一个click响应函数
<button type="button" class="btn btn-default" title="删除" onclick="deleteAll()">
### 第三步实现这个click响应函数
先是在Dao层中接口放入一个deleteAll函数,然后在Usermapper中映射实现这个函数,然后一如既往的是在Service中定义接口,然后再ServiceImp里面实现接口,然后我们在Controller里面实现Service的接口。具体实现代码如下图:
@RequestMapping("deleteAll.do")
@ResponseBody
public String deleteAll(String userList){
String[] strs = userList.split(",");
List<Integer> ids = new ArrayList<>();
for(int i=0;i<strs.length;i++){
ids.add(Integer.parseInt(strs[i]));
}
userinfoService.deleteAll(ids);
return "";
}
<delete id="deleteAll" parameterType="list">
delete from userinfo where id in
<foreach collection="list" item="id" open="(" close=")" separator=",">
#{id}
</foreach>
</delete>