使用 ajax 调用实时更新投票系统

Question

您好，我正在尝试在我的网络应用程序上创建一个投票系统，允许用户对特定图像进行投票或否决。该功能似乎有效，但它不会实时更新，该值仅在我刷新页面后更新。投票赞成将分数加一，投票反对将分数减一。我使用的JQuery如下：

 $(document).ready(function(){
      $(".vote").click(function(){
       var id = $(this).attr('id').split('_')[1];
       var vote_type = $(this).hasClass('up') ? 'up' : 'down';
          $.ajax({
              url: "/voting/",
              type: 'POST',
              data: {id: id, type: vote_type},
              success: 
          });
          return false;
      });
 });

在服务器端，我只是在模型中找到具有匹配 id 的帖子并相应地编辑投票，然后将其传递到谷歌数据存储区。我想知道有什么方法可以更新视图以显示现在存储在模型中但尚未出现在屏幕上的值。谢谢。

Answer 1

你可以给$.ajax一个成功回调，更新如下：

$.ajax({... success: function(data) {$('#element').val(data)}})

这将在投票后立即更新投票计数。但是，如果您希望在没有任何用户交互的情况下更新投票，您可以进行某种投票或发布/订阅。