Ajax批量删除

假设你的后端接口是 `/delete`，你可以通过以下步骤实现 Ajax 批量删除：

1. 选中需要删除的元素，将它们的 ID 存放到一个数组中。

2. 在 JavaScript 中使用 `XMLHttpRequest` 对象创建一个 POST 请求，并设置请求头为 `application/json`。

3. 将要删除的 ID 数组转换成 JSON 字符串，作为请求体发送给后端。

4. 后端接收到请求后，解析请求体中的 JSON 字符串，根据 ID 删除对应的数据。

5. 后端返回一个 JSON 响应，表示操作是否成功。

6. 在前端处理响应，根据操作结果进行提示或者重新加载页面。

以下是示例代码：

// 选中需要删除的元素，保存它们的 ID 到数组中
var ids = [];
$('.delete-btn:checked').each(function() {
  ids.push($(this).data('id'));
});

// 创建 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();

// 设置请求头
xhr.setRequestHeader('Content-Type', 'application/json');

// 发送请求
xhr.open('POST', '/delete', true);
xhr.send(JSON.stringify(ids));

// 处理响应
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      var response = JSON.parse(xhr.responseText);
      if (response.success) {
        alert('删除成功！');
        location.reload();
      } else {
        alert('删除失败！');
      }
    } else {
      alert('请求失败！');
    }
  }
};