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

Question

我正在开发一个“赞”按钮。运行良好。在“喜欢”按钮完成其功能后，我尝试在不刷新页面的情况下更新按钮文本(“喜欢”到“喜欢”)，但问题是它正在更新网页上的每一个“喜欢”按钮(直到我刷新页面)而不仅仅是一个我点击了。 。 .

这是 AJAX 调用中的成功函数，

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

var this_ = $(this);
var quesURL = this_.attr('like-href');
$.ajax({
    url: quesURL,
    method: 'GET',
    data: {},
    success: function (data) {
        var like_text = $(data).find('.like-click').html();
        $('.like-click').html(like_text);
    }
})
});

这是 HTML 代码，

{% for data in datas %}
     ...
     <a class="like-click" like-href="...">{% if user in Likes %}Liked{% else %}Like{% endif %}</a>
     ...
{% endfor %}

如何更新我点击的按钮，而不是全部？

Answer 1

您已将单击的元素保存在 var this_ 中，因此您只需通过替换 $('.like-click').html(like_text); 来更新该元素文本即可到 $(this_).html(like_text);

因此它不会更新每个按钮文本。