Ajax函数没有被异步调用

Question

基本上，我正在尝试为我的网站提供一个“不喜欢”功能。一切都进行得很顺利，除了有人单击“喜欢”按钮时，该值增加了1，但没有同步勾勒出“喜欢”按钮的轮廓（同时时间）。在看到按钮概述之前，我必须重新加载页面。但是我希望它同步完成。

这是我的代码：

$(document).ready(function(){
  $('.laravel-like').on('click','i',function(){

    if($(this).hasClass('disabled'))
   return false;

   //alert($(this).attr("data-item-id"));
   //alert($(this).attr('data-vote'));

  var item_id = $(this).attr('data-item-id');
  var vote = $(this).attr('data-vote');

  $.ajax({
       method: "get",
       url: "/laravellikecomment/like/vote",
       data: {item_id: item_id, vote: vote},
       dataType: "json"
    })
    .done(function(msg){
      if(msg.flag == 1){
        if(msg.vote == 1){
          $('#'+item_id+'-like').removeClass('outline');
          $('#'+item_id+'-dislike').addClass('outline');
        }
        else if(msg.vote == -1){
          $('#'+item_id+'-dislike').removeClass('outline');
          $('#'+item_id+'-like').addClass('outline');
        }
        else if(msg.vote == 0){
          $('#'+item_id+'-like').addClass('outline');
          $('#'+item_id+'-dislike').addClass('outline');
        }
      $('#'+item_id+'-total-like').text(msg.totalLike == null ? 0 : msg.totalLike);
      $('#'+item_id+'-total-dislike').text(msg.totalDislike == null ? 0 : msg.totalDislike);
      }
    })
    .fail(function(msg){
      alert(msg);
    });
});