这是您要求的示例代码。有两个具有不同 href 属性的 link 元素。单击时,将向指定为 href 的任何内容触发 ajax 请求,成功后,跨度将用字符串填充并显示 3 秒。
<a onclick='return eachlike(this)' href="https://www.jamarkoho.com/liked/1" class="btn btn-outline-dark btn-sm">
<i class="far fa-thumbs-up me-1"></i>
Like <span class="here"></span>
</a>
<a onclick='return eachlike(this)' href="https://www.jamarkoho.com/liked/2" class="btn btn-outline-dark btn-sm">
<i class="far fa-thumbs-up me-1"></i>
Like <span class="here"></span>
</a>
<script>
function eachlike(thislike) {
$.ajax({
type: 'GET',
url: $(thislike).attr('href'),
success: function(response) {
$(thislike).find('.here').html('Done!').show().delay(3000).fadeOut();
}
});
return false;
}
</script>