js代码 提取选中的复选框的数据
<script>
// 删除名字为box的且被选中的复选框的数据的操作
$("#deleteuserbutton").click(function () {
var qx = $("input[name='box']:checked").map(function () {
return $(this).val();
}).get().join(',');
//2.发送Ajax的get请求
//a 创建xhr对象
var xhr;
if(window.XMLHttpRequest){
xhr=new XMLHttpRequest();
}else{
xhr=new ActiveXObject("Microsoft.XMLHttp");
}
//b 发送请求 传递参数
xhr.open("GET","deleteServlet?username="+qx,true);
xhr.send();
//c 处理响应并更新页面布局
xhr.onreadystatechange=function () {
if (xhr.readyState == 4 && xhr.status == 200) {
console.log("后台接收成功")
}
}
});
</script>
servlet接收的代码
package com.lagou.servlet;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
@WebServlet(name = "DeleteServlet", urlPatterns = "/deleteServlet")
public class DeleteServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//结束前台发送的数据
String data = request.getParameter("username");
String[] split = data.split(",");
//将字符串分隔开就是对应的数据库中的信息 就可以进行操作了
System.out.println(data);
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doPost(request, response);
}
}