javascript - 使用 Ajax 将信息发送到 PHP 脚本

Question

我想在每次单击按钮时向 php 脚本发送 ajax 命令。对于不同的方向，div 被称为 r、l、t、b。到目前为止，我已经尝试使用下面的代码。但不知怎的，它不起作用。我在 jquery 方面没有太多经验，这就是为什么我在这里要求一个简单的解决方案。我可以编写 4 次相同的函数，但这肯定不是我想要的。

$(document).ready(function(){

function control(id){
    $.ajax({
        type: "POST",
        url: "control.php",
        data: {id: "1"},
        success:  function(data){
            alert(data);
        }
    });
}

$('#r').mousedown(function(){
    control($(this).attr('id'));
});

});

Answer 1

首先...

给你所有的div一个类

 <div id="r" class="direction"></div>
  <div id="l" class="direction"></div>
    <div id="t" class="direction"></div>
      <div id="b" class="direction"></div>

然后重写你的jquery

$(document).ready(function(){
      $('.direction').mousedown(function(){
          $.post("control.php",{id: $(this).attr('id')},function(msg){
               alert(msg);
          });
      });
  });

如果您碰巧从服务器接收 JSON......对于跨域json，必须将dataType指定为'json'或'jsonp'并使用$.ajax

function control(theid){
$.ajax({
    type: "POST",
    url: "control.php",
    data: {id: theid},
    dataType: 'json',
    success:  function(msg){
        alert(msg);
    }
});

}

或者如果你想保持简单，就像上面的 $.post 示例一样......使用 getJSON

   $(document).ready(function(){
      $('.direction').mousedown(function(){
          $.getJSON("control.php",{id: $(this).attr('id')},function(msg){
               alert(msg);
          });
      });
  });