通过JQuery.Ajax Post&改变HTML

时间:2013-07-13 16:58:02

标签: php javascript jquery ajax facebook-like

我正在尝试创建一个类似于/不像链接的facebook样式,我需要通过JQuery传递一些php变量。我正在经过的那一刻:

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

但是虽然这有效但它让页面更新,我希望它像twitter或facebook一样流利地做,所以我需要通过JQuery.Ajax帖子传递id,用户名等。谁能告诉我这是怎么可能的?此外,我希望.likelink更改为不同。

由于

2 个答案:

答案 0 :(得分: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');
    }
  });
});

答案 1 :(得分:0)

您可以采取以下措施:

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