php - 通过 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 更改为不同。

谢谢

Answer 1

对“like”操作使用 ajax 请求，然后在成功回调函数中更改类：

$('.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();
});