Question

我在使用jQuery中的Flip Switch Toggles时遇到了麻烦。我需要按钮在按下时在HTTP_GET请求之间切换。

HTML输出（这背后有一些PHP）

<label for="device-2">Power outlet</label>
<select name="device-2" id="device-2" data-role="slider">
    <option value="off">Off</option>
    <option value="on">On</option>
</select>

我能够打开/关闭设备，但我必须能够制作两个单独的HTTP_GET（开启和关闭）

$("#device-2").on("change", function() {
    $.get( "functions/caller.php", { action: "turnon", device: "2" });
});

我尝试过这个切换功能，但它已经死了。当我在浏览器控制台

中对其进行故障排除时，它似乎没有发出任何HTTP请求

$("#device-2").toggle(function() {
    $.get( "functions/caller.php", { action: "turnon", device: "2" });
}, function() {
    $.get( "functions/caller.php", { action: "turnoff", device: "2" });
});

有人可以指出我正确的方向吗？

Answer 1

试试这个：

$("#device-2").on("change", function() {
    var value = $(this).val();
    $.get( "functions/caller.php", { action: "turn" + value, device: "2" });
});

假设您的caller.php文件接受“turnon”和“turnoff”操作，则应根据所选元素的$.get动态更改value调用。

Answer 2

这是你要找的吗？

$("#device-2").on("change", function() {
    var state = $(this).val();
    $.get( "functions/caller.php", { action: state, device: "2" });
});

jQuery切换 - ＆gt; GET / POST

2 个答案: