如何通過單擊復選框而不刷新頁面來發布表單？

Question

我正在用樹莓派和樹莓派制作一個家庭自動化系統。 我將設計一個包含一些復選框的網頁，以通過繼電器控制燈光。 我需要一個包含復選框的Web代碼。 當我單擊該復選框時，php將執行一個控制繼電器的python代碼文件。 我聽說可以通過ajax和javascript完成不刷新頁面的發布表單。 但是我不熟悉那些語言。 大家好，請向我展示一個簡單的復選框示例，當我選中它時，它將使php exec（）成為某個文件，而取消選中它，則會使php exec（）成為另一個文件。

這是示例：

<!DOCTYPE html>
<html>
    <head>
        <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
        <title>Raspberry Pi</title>
    </head>
    <body>
        <input type="checkbox" class="iclass" />
        <script>
    $("input.iclass").click(function (e) {
    e.preventDefault();
    $.post("post.php", {param1: value, param2: value});
});
        </script>
    </body>
</html>

而post.php只是給出並發出alert('Succesful!'); 目前。 但是不知何故，它不起作用。

Answer 1

確保使用jQuery庫。 您可以使用如下形式：

$("input.checkbox-class").click(function (e) {
    e.preventDefault();
    $.post("/path/to/php/script.php", {param1: value, param2: value});
});

/path/to/php/script.php的源將具有：

<?php
    exec("system");
?>

具有完整HTML的示例代碼為：

<!DOCTYPE html>
<html>
    <head>
        <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
        <title>Raspberry Pi</title>
    </head>
    <body>
        <input type="checkbox" />
        <script>
            $(document).ready(function (e) {
                e.preventDefault();
                $.post("/path/to/php/script.php", {param1: value, param2: value});
            });
        </script>
    </body>
</html>

如何通過單擊復選框而不刷新頁面來發布表單？

問題描述

1 個解決方案

解決方案1
0 2015-05-30 22:21:14

如何通過單擊復選框而不刷新頁面來發布表單？

問題描述

1 個解決方案

解決方案1 0 2015-05-30 22:21:14

解決方案1
0 2015-05-30 22:21:14