jquery - 在 jQuery 中增加 PHP 值+1(如按钮)

Question

<iniput type="button" id="like">
<span id="like_num"><?PHP echo $like;?></span>

$(document).ready(function(){
  $("#like").click(function(){
  $('#like_num').html(function(i, val) { return val*1+1 });     
  });
});

我有一个like按钮，我需要在Jquery中单击后将php $like值增加+1。

我使用jquery post，但我不想回调(输出)，这有点浪费查询...我只想添加1，这样用户就知道他们成功点击了。

有人知道怎么做吗？

Answer 1

如果不需要传回服务器，我想这会起作用:

$(document).ready(function(){
  $("#like").click(function(){
     var count = parseInt($('#like_num').text());
     $('#like_num').text(count + 1);     
  });
});

这假设您知道 $like 始终是整数，并且您在单独的调用中更新服务器上的 Like 计数。

编辑: 这是一个 fiddle :http://jsfiddle.net/AJxKb/

如果它也需要访问服务器:

 $(document).ready(function(){
      $("#like").click(function(){
         var count = parseInt($('#like_num').text());
         $('#like_num').text(count + 1); 

         $.ajax("http://yourdomain.com/update_like.php").done(function () {
             //You can update the counter here too instead of assuming it was a success
          })
      });
    });

以及 update_like.php 文件中的内容:

<?php 
  $like = GetNumberOfLikesFromWhereeverTheyAreStored();

  $like = $like + 1;

  StoreTheNewNumberWhereeverTheyComeFrom($like);
  //Be careful to handle several request updating the counter simultanously

?>

这有帮助吗？