如何通过两个不同的按钮过滤一个表视图输出？

<button id="buttonA">按钮A</button>
<button id="buttonB">按钮B</button>

var buttonA = document.getElementById("buttonA");
var buttonB = document.getElementById("buttonB");

buttonA.addEventListener("click", filterTable);
buttonB.addEventListener("click", filterTable);

function filterTable(event) {
  var buttonId = event.target.id; // 获取点击按钮的ID

  // 根据按钮ID执行不同的过滤操作
  if (buttonId === "buttonA") {
    // 执行按钮A的过滤操作
    // ...
  } else if (buttonId === "buttonB") {
    // 执行按钮B的过滤操作
    // ...
  }
}

// Node.js示例
const express = require("express");
const app = express();

app.post("/filter", (req, res) => {
  var buttonId = req.body.buttonId; // 获取按钮ID

  // 根据按钮ID执行不同的过滤操作
  if (buttonId === "buttonA") {
    // 执行按钮A的过滤操作
    // ...
  } else if (buttonId === "buttonB") {
    // 执行按钮B的过滤操作
    // ...
  }

  // 返回过滤结果
  res.send(filteredData);
});

app.listen(3000, () => {
  console.log("服务器已启动，监听端口3000");
});

// 使用Fetch发送请求的示例
var buttonA = document.getElementById("buttonA");
var buttonB = document.getElementById("buttonB");

buttonA.addEventListener("click", () => {
  filterTable("buttonA");
});

buttonB.addEventListener("click", () => {
  filterTable("buttonB");
});

function filterTable(buttonId) {
  fetch("/filter", {
    method: "POST",
    headers: {
      "Content-Type": "application/json"
    },
    body: JSON.stringify({ buttonId: buttonId })
  })
    .then(response => response.json())
    .then(data => {
      // 处理返回的过滤结果
      // ...
    });
}