每次单击按钮时执行 CGI，而不更改当前 html 页面

Question

我正在开始在家庭服务器上实习，该服务器能够从网页控制多个家庭自动化设备。总体想法是，基于单击按钮，在服务器上生成特定脚本并控制微控制器。

我的导师给我建立了一个简单的网站，使用 AJAX 始终停留在一页上，并根据用户操作显示菜单（如果不使用它们则隐藏，如果使用则返回到前面）。

我已经设置了一个 apache 服务器，将其配置为执行 CGI 脚本，并且它可以工作。 为了始终停留在一个页面上，我使用了“204 No Content”返回技巧，以便服务器对该页面的回答是“我没有什么可说的，只需停留在这个页面上”。

但我遇到的一个问题是 CGI 只启动一次。如果我第一次单击该按钮，它会起作用，之后什么也不会发生。

我尝试使用 SSI (shtml) 来使用按钮代码，而不是使用带有 GET 方法的 FORM，但脚本仍然不会执行两次。

我可能使用了错误的工具。我应该继续使用 CGI 吗？或者还有其他东西（比如 AJAX、jquery）实际上是为了做我想做的事情而设计的吗？

感谢您的阅读。

编辑：我找到了解决方法（总是当我在寻找答案几天后绝望时，我会去论坛，然后在接下来的一个小时内找到一个不错的解决方案......） 我使用了一个基本链接，由于某种原因，它的行为与使用按钮不同。任何。我对所使用的技术的质疑仍然存在:)

EDIT2 ：我的解决方案很糟糕，由于某种原因，该脚本也在页面刷新时（或第一次加载页面时）被调用。这很奇怪，因为因为它位于它中，所以只有当我单击它时才会产生它......

Answer 1

熟悉 jQuery 及其 AJAX API。除非使用 AJAX，否则无法使其不加载新页面。以下是 AJAX 调用的示例：

$.ajax({
    url: 'http://server.domain.com/cgi-bin/myfile.cgi',
    data: {
       x: 1,
       today: '20110504',
       user: 'Joe'
    }
}).success(function(data, status, xhr) {
    if (data)
        alert(data);
});

适用于 jQuery 1.5 或更高版本。每当单击某个按钮时，您都可以运行它，如下所示：

按钮的 HTML：

<input type="button" id="doThis"/>

JavaScript：

$(function() {
    $('#doThis').click(function() {
        //put AJAX sample shown above, here
    });
});