通過JQuery.Ajax傳遞PHP和更改html

Question

我試圖創建一個類似/不一樣的facebook風格的鏈接，我需要通過JQuery傳遞一些PHP變量。 目前我正在通過：

<a class="likelink" href="like.php?id=****&username=****&type=****">Like</a>

但是，盡管這樣做可以刷新頁面，但我希望它像Twitter或Facebook一樣流暢地執行操作，所以我需要通過JQuery.Ajax帖子傳遞ID，用戶名等。 誰能告訴我這怎么可能？ 另外，我希望.likelink更改為Like。

謝謝

Answer 1

使用ajax請求執行“ like”操作，然后在成功回調函數中更改類：

$('.likelink').on('click', function(e){
  e.preventDefault();
  $.ajax({
    url: 'like.php',
    data: {
      id: ***,
      username: ****,
      type: ****
    },
    success: function() {
      $('.likelink').removeClass('likelink').addClass('unlikelink');
    }
  });
});

Answer 2

您可以按照以下方式進行操作：

$('.likelink').on('click', function(e){
  var $this = $(this);
  $.get($this.attr('href'), function(){
    $this.addClass('liked').attr('href', unlikeLink).text('Unlike');
  });
  e.preventDefault();
});