如何通过单击复选框而不刷新页面来发布表单？

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