如何设置控制器，以便根据选择的按钮执行特定命令?

Question

我对编码很陌生，因为这是工作，所以我无法准确地发布我的问题。但我希望以下内容足以引导我们朝着正确的方向前进。 我在UI上创建了几个按钮[btn1，btn2，btn3...]。这需要执行类似的命令：

(
i.e. btn1 => restarts service_1
btn2 => restarts service_2
btn3 => restarts service_3
)

我已经创建了一个路由器和一个控制器，当我单击 btn1(执行 cmd：重新启动service_1(时可以工作。我不想为每个btn创建不同的控制器和路由器，而是只想使用一个(因为每个按钮的代码几乎相同(。 但是我正在努力研究如何编码，以便根据按下的按钮执行特定命令。希望得到任何帮助吗？

非常感谢

Answer 1

根据您提供的少量信息，我将假设您正在谈论HTMLbutton并尝试给出一个一般性的答案。

如果将按钮放在触发控制器的窗体中，则可以为按钮指定名称和值。

例如，使用此代码

<form>
<input type="submit" name="foo" value="foo"/>
<input type="submit" name="bar" value="bar"/>
<input type="submit" name="tutu" value="tutu"/>
</form>

您的后端将仅获得单击的按钮参数。
如果单击foo，后端将?foo=foo，如果单击bar，后端将?bar=bar。
因此，您只需检查参数是否存在，然后继续执行所需的操作。

编辑
在这里回答您的评论是一些东西。

$("form input[type=button]").click(function() {
let val = $(this).val();
let data = {value: val};
console.log(val);

$.ajax ({ 
type: "POST", 
url: "...",
data: JSON.stringify(data)
})
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
<input type="button" name="foo" value="foo"/>
<input type="button" name="bar" value="bar"/>
<input type="button" name="tutu" value="tutu"/>
</form>
<div id="result"></div>