在按下按钮后从JavaScript调用控制器,可以通过以下步骤实现:
<button id="myButton">点击按钮</button>
var button = document.getElementById("myButton");
button.addEventListener("click", myFunction);
function myFunction() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "/controller-endpoint", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求成功,执行相应操作
var response = xhr.responseText;
console.log(response);
}
};
xhr.send();
}
const express = require("express");
const app = express();
app.get("/controller-endpoint", (req, res) => {
// 执行相应的控制器逻辑
res.send("控制器已成功调用");
});
app.listen(3000, () => {
console.log("服务器已启动");
});
以上步骤中,通过JavaScript代码监听按钮的点击事件,并在点击时发送HTTP请求调用后端控制器的接口。后端控制器接收到请求后,执行相应的逻辑,并返回响应给前端。
请注意,以上示例中的代码仅供参考,实际实现可能因具体情况而异。
领取专属 10元无门槛券
手把手带您无忧上云