通过ajax调用实时更新投票系统

Real time update for voting system with an ajax call

本文关键字：系统 实时更新 ajax 调用 通过      更新时间：2023-09-26

嗨，我正试图在我的网络应用程序上创建一个投票系统，允许用户对特定图像投赞成票或反对票。该功能似乎可以工作，但它不会实时更新，只有在我刷新页面后才会更新值。投赞成票加一分，投反对票减一分。我使用的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的帖子，并相应地编辑投票，然后将其传递到谷歌数据存储。我想知道是否有任何方法可以更新视图以显示现在存储在模型中但尚未出现在屏幕上的值。谢谢

您可以给$.ajax一个成功的回调，该回调使用以下内容进行更新：

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

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

相关文章：