基于SSM上的AJAX的例子

Ajax即”Asynchronous Javasript And XML”,是一种创建交互式网页应用的网页开发技术。Ajax只需要后台与服务器进行少量数据交换，即可使网页实现异步更新

1. 导入Jquery的包`把id数组 字符化进行传输

<script src="${pageContext.request.contextPath}/js/jquery-3.2.1.min.js"/>
<script type="text/javascript">
   function deleteAll(){
        var checkNum =  $("input[name="list"]:checked").length;
        if(checkNum==0){
           alert("至少选择一项");
           return;
        } 
        if(confirm("确定要删除吗？")){
            var userlist = new Array();
            $("input[name="list"]:checked").each(function(){
                userlist.push($(this).val());
            });
            $.ajax({
                type:"post",
                data:{userlist:userlist.toString()},
                url:"${pageContext.request.ContextPath}/user/deleteAll.do",
                success:function(){
                    alert("删除成功");
                    location.reload();
                }
            });
        }
   }
</script>
<tbody>
     <c:forEach var="userInfo" items="${pageInfo.list}">
     <tr>
         <td>${userInfo.id}</td>
         <td>${userInfo.username}</td>
         <td>${userInfo.password}</td>
         <td class="text-center">
            <a href="/user/toUpdate.do?id=${userInfo.id}" class="btn bg-olive btn-xs">更新</a>
            <a href="/user/delete.do?id=${userInfo.id}" class="btn bg-olive btn-xs">删除</a>
            <a href="/user/toAddRole.do?id=${userInfo.id}" class="btn bg-olive btn-xs">添加角色</a>
         </td>
     </tr>
     </c:forEach>
</tbody>

2.对应的Controller层

@Controller
@RequestMapping("user")
public class UserInfoController{
  @Autowired
  private UserInfoServerImpl userInfoServer;
  @RequestMapping("deleteAll.do")
  @ResponseBody
  public String deleteAll(String userlist){
     String[] strs =  userList.split(",");
     List<Integer> list = new ArrayList<>();
     for(int i = 0;i<strs.length;i++){
        list.add(Integer,parseInt(strs[i]));
     }
     userInfoServer.deleteAllUser(list);
     return "";
  }
}

3. 对应的业务层和接口

@Service("userInfoServer")
public class UserInfoServerImpl implements IUserInfoServer{
    @Autowired
    private IUserInfoDao userInfoDao;

    public void deleteUser(List<Integer list>){
       userInfoDao.deleteAll(list);
    }
}

public interface IUserInfoServer extends UserDetailsService{
   void deleteAllUser(list<Integer> list);
}

4.Dao层

public interface IUserInfoDao{
   	void deleteAll(List<Integer> list);
}

5.对应的Mapper文件

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
<mapper namespace="com.zhongruan.dao.IUserInfoDao" >

<delete id="deleteAll" parameterType="int">
    delete  from userinfo where id in
    <foreach collection="list" item="id" open="("  close=")"  separator=",">
        #{id}
    </foreach>
</delete>

</mapper>