Question

所以我试图传递一个变量Boolean＆＃34; state＆＃34; （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>

我为每个到达学校的孩子提供了多个此功能实例。点击他的名字后，孩子的变量名称等于true。我想做的是发送这些变量＆＃39;布局状态到服务器，所以我能够远程知道每个孩子的状态＆＃34;状态＆＃34;。有没有办法用jQuery的Post方法做到这一点？如果没有，最简单的方法是什么？谢谢！

Answer 1

是的，你可以做到

<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>

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

您可以为每个孩子拥有一个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 4

是的，请查看.ajax（）的文档：official documentation

看起来像这样：

   $.ajax({
      type: 'POST',
      url: 'your-endpoint-url', // the endpoint for the call
      data: childName,
      success: function(response){ 
         console.log('AJAX success: ' + response);
         // maybe do something else here ...
      },
      error: function(error, status, xhr){
         console.log('AJAX error: ' + error);
         console.log('STATUS: ' + status + ', XHR: ' + xhr);
      }
   });

旁注：你说你有这个功能的多个实例;然后为什么将click函数分配给DOM元素（'#aaa'），而不是通过（例如）类选择器执行此操作（给你的schookid-rows一个css类'.schoolkid'并通过类选择器分配click函数）

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

4 个答案: