尝试将可变状态传递给服务器

Question

因此，我试图将一个变量布尔“state”（true/false）从HTML文件传递给服务器。

<script>
    $("#aaa").click(function () {
        $(this).hide('slow');
        $("#bam").html(shay + " arrived ").hide().show(700);
    childName = true;
        counter++;
        if (counter > 12) {
            $("#bam").html("All have arrived").hide().show(700);

        }
    });
</script>

对于每个上学的孩子，我都有多个这个函数的实例。单击kid的名称后，其变量的名称等于true。我想做的是将这些变量的布尔状态发送到服务器，这样我就能远程知道每个孩子的“状态”。有没有办法用jQuery的Post方法来实现这一点？如果不是，最简单的方法是什么？谢谢

Answer 1

你可以给每个孩子一个id。并添加一个向服务器发送数据的事件侦听器。例如

HTML：

<button id="id_001" class="childBtn">Arrived</div>
<button id="id_002" class="childBtn">Arrived</div>
<button id="id_003" class="childBtn">Arrived</div>

jQuery：

$(".childBtn").click(function(){
  $.post('http://yourserver.com/api', { childId : $(this).attr('id')},
    function(data, status) {
      //alert("Data: " + data + "\nStatus: " + status);
    }
});

我希望这能有所帮助：）

Answer 2

您可以使用jQuery post方法将任何东西发布到服务器，例如下面的示例：

$("#aaa").click(function () {
   $(this).hide('slow');
   $("#bam").html(shay + " arrived ").hide().show(700);
   childName = true;
   counter++;
   $.post("destination.asp", {childStatus: childName}, function(result){
        // do any thing
    });
    if (counter > 12) {
        $("#bam").html("All have arrived").hide().show(700);
    }
});

Answer 3

是的你能做到

<script>
    $("#aaa").click(function () {
        $(this).hide('slow');
        $("#bam").html(shay + " arrived ").hide().show(700);
    childName = true;
     $.post("url",
        {
          childStatus: childName,
        },
        function(status){ // return from server

        });
        counter++;
        if (counter > 12) {
            $("#bam").html("All have arrived").hide().show(700);

        }
    });
</script>