javascript - 更新 Like 按钮而不刷新页面

Question

这是我的“赞”按钮，

<a class="wst-click update_data" 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) {
            $('.update_data').text(data);
        }
    })
});

因此，当我按下 Like 按钮而不是返回新 Like 的数量时，它会返回整个网页的原始 html 代码。我该如何解决这个问题？

Answer 1

一切正常。我在这里添加了虚拟示例。

<a class="wst-click update_data" wst-href="data/like/10" href="data/like/10" >11 Like</a>

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

    var this_ = $(this);
    var wstURL = this_.attr('wst-href');
    $('.update_data').text('12 Like');

    /*$.ajax({
        url: wstURL,
        method: 'GET',
        success: function (data) {
            var like_text = $(data).find('.update_data').html();
            $('.update_data').html(like_text);
        }
    });*/
});

JSFiddle