如何在单击删除按钮时删除当前记录

<button id="deleteButton" onclick="deleteRecord()">删除</button>

function deleteRecord() {
  // 获取当前记录的标识符，例如记录的ID
  var recordId = getCurrentRecordId(); // 自定义函数，获取当前记录的标识符

  // 发送AJAX请求到后端
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "/delete", true); // 替换为后端的删除接口地址
  xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");

  // 将记录的标识符作为参数传递给后端
  var data = JSON.stringify({ id: recordId }); // 根据后端接口要求进行参数的组装
  xhr.send(data);

  // 监听AJAX请求的响应
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
      if (xhr.status === 200) {
        // 删除成功，执行相关操作
        handleDeleteSuccess();
      } else {
        // 删除失败，执行相关操作
        handleDeleteFailure();
      }
    }
  };
}

@app.route('/delete', methods=['POST'])
def delete_record():
    record_id = request.json['id'] # 获取前端传递的记录标识符

    # 执行删除操作
    # ...

    return jsonify(success=True) # 返回成功响应