刷新选票

Question

嘿，我正在使用AJAX进行调查以发送投票。以下是AJAX调用以及用于字面显示投票的html部分。

$.ajax(address, {
    type: 'POST',
    data: {'votername' : votername,},
    success: function (data) {
        location.reload();
    }});

<span>Votes:{{each.vote}}</span>

这个想法是，在用户点击投票按钮后，投票计数将增加1.我正在重新加载页面以便显示最新的投票。是否有任何方式可以通过重新加载页面来显示最新的投票？它只是“神奇地”弹出？先感谢您。

Answer 1

使用jQuery访问存储该号码的元素并增加数字：

var count = $('#votecount').text();
count = parseInt(count) + 1;
$('#votecount').text(count);

如果您更新元素的ID以匹配您的代码，那么应该“神奇地”更新数字。

加成

如果您在AJAX通话的data中返回新的投票总数，则可以执行以下操作：

success: function (data) {
    $('#votecount').text(data.number);
}

买者

我正在使用.text()而不是HTML，以防万一有一些奇怪的计数。使用.text()，您将立即看到正在发生的事情。 .html()最初可能会掩盖问题。无论如何，从长远来看， .html()可能是更好的选择（与.text()相比）。

Answer 2

尝试这样的事情......

$.ajax(address, {
    type: 'POST',
    data: {'votername' : votername,},
    success: function (data) {
        $('#total').html('Votes: '+data);
    }});

<span id='total'>Votes:{{each.vote}}</span>

这里你的Ajax方法应该返回总票数。