jquery 异步无刷新删除

您可以使用 jQuery 中的 AJAX 方法来实现异步无刷新删除。具体实现步骤如下：

1. 给删除按钮绑定点击事件。

2. 在点击事件中，使用 AJAX 发送一个 POST 请求，向服务器发送删除请求，并带上要删除的数据的 ID。

3. 服务器接收到请求后，删除对应的数据。

4. AJAX 接收到服务器返回的响应后，根据响应结果，执行相应的操作，比如移除页面上对应的元素等。

以下是一个示例代码：

// 给删除按钮绑定点击事件
$('.delete-btn').click(function() {
  var id = $(this).data('id'); // 获取要删除的数据的 ID
  // 发送 AJAX 请求
  $.ajax({
    url: '/delete',
    type: 'POST',
    data: { id: id }, // 带上要删除的数据的 ID
    success: function(resp) {
      // 根据响应结果执行操作
      if (resp.success) {
        // 删除成功，移除页面上对应的元素
        $('#item-' + id).remove();
      } else {
        // 删除失败，弹出错误提示
        alert(resp.message);
      }
    },
    error: function() {
      // 发生错误，弹出错误提示
      alert('删除失败，请稍后重试！');
    }
  });
});

在上述示例代码中，我们给删除按钮绑定了一个点击事件，当用户点击按钮时，会发送一个 POST 请求到服务器，请求删除对应的数据。服务器接收到请求后，删除对应的数据，并返回一个 JSON 格式的响应结果。如果删除成功，响应结果中的 success 属性为 true，我们就可以移除页面上对应的元素；如果删除失败，响应结果中的 success 属性为 false，我们就可以弹出错误提示。