layui框架ajax按钮点击事件删除数据

假设你使用的是Layui 2.x版本，以下是一个示例代码，可以在点击按钮时使用Ajax请求删除数据：

HTML代码：

<button id="deleteBtn" class="layui-btn layui-btn-sm layui-btn-danger">删除</button>

JavaScript代码：

// 获取删除按钮
var deleteBtn = document.getElementById('deleteBtn');

// 绑定点击事件
deleteBtn.onclick = function () {
  // 弹出确认框
  layer.confirm('确定要删除吗？', function (index) {
    // 发送Ajax请求
    $.ajax({
      url: '/delete',
      type: 'POST',
      data: { id: '要删除的数据id' },
      success: function (res) {
        // 成功删除后的处理
        if (res.code === 0) {
          layer.msg('删除成功', { icon: 1 });
          // 刷新页面或重新加载数据
          // ...
        } else {
          layer.msg('删除失败', { icon: 2 });
        }
      },
      error: function (xhr, status, error) {
        layer.msg('删除失败（' + xhr.status + '）', { icon: 2 });
      }
    });

    // 关闭确认框
    layer.close(index);
  });
};

在上面的代码中，我们首先获取了要删除的按钮，并绑定了一个点击事件。在点击事件中，我们弹出了一个确认框，用户点击确定后发送Ajax请求删除数据。在Ajax请求成功或失败后，我们使用layer插件弹出提示框，提示用户删除结果。当删除成功后，我们可以刷新页面或重新加载数据。