刷新数据而不重新加载页面

Question

这是我喜欢的按钮，

<a class="wst-click" wst-href="{% url 'data:like' content.id %}" href="{% url 'data:like' content.id %}" >{{ data.likes.count }} Like</a>

这就是我在没有刷新页面的情况下为'喜欢'功能做的事情，

$('.wst-click').click(function(e){
e.preventDefault();

var this_ = $(this);
var wstURL = this_.attr('wst-href');

$.ajax({
    url: wstURL,
    method: 'GET',
    data: {},
    success: function (data) {
        console.log(data)
    }
})
});

但正如您所看到的，一旦用户点击“赞”按钮，就无法自动更新喜欢的总数。

我该怎么做？

Answer 1

您是否尝试为喜欢的计数器插入span元素？

<a class="wst-click" wst-href="{% url 'data:like' content.id %}" href="{% url 'data:like' content.id %}" ><span class="like-counter"></span> Like</a>

然后你可以像这样更新它：

success: function (data) {
    $('.like-counter').text(data.likes.count);
}