Javascript 刷新投票

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

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

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

$.ajax（地址{
键入：“POST”，
数据：{'votername'：votername，}，
成功：功能（数据）{
location.reload（）；
}});
投票：{{each.vote}

---

这个想法是，在用户点击投票按钮后，投票计数将增加1。我正在重新加载页面，以便显示最新的投票结果。有没有办法不重新加载页面就可以显示最新的投票结果？它只是“神奇地”突然出现？先谢谢你

使用jQuery访问存储数字的元素并递增数字：

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

如果您更新元素的id以匹配代码，则应该“神奇地”更新编号

附加 如果要在AJAX调用的

数据中返回新的投票总数，可以执行以下操作：

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

警告
我正在使用
.text（）
而不是HTML，以防计数出现异常。使用
.text（）
，您将立即看到正在发生的事情
.html（）
最初可能会掩盖问题。无论如何，从长远来看，
.html（）
可能是一个更好的选择（相对于
.text（）
）

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

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

$.ajax（地址{
键入：“POST”，
数据：{'votername'：votername，}，
成功：功能（数据）{
$（'#total'）.html（'投票：'+数据）；
    }});
投票：{{each.vote}

在这里，Ajax方法应该返回投票总数