javascript - 使用 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 的帖子并相应地编辑投票，然后将其传递到谷歌数据存储区。我想知道有什么方法可以更新 View 以显示现在存储在模型中但尚未出现在屏幕上的值。谢谢。

Answer 1

你可以给 $.ajax 一个成功的回调，用类似的东西更新:

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

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