jQuery ajax在每个函数中发布,成功在每个函数中继续

时间:2018-08-14 00:56:22

标签: php jquery html css ajax

所以我有这个简单的jQuery ajax函数,但它位于each函数内部,因为它位于站点上的每个帖子中

$('.post .button').each(function() {
$(this).click(function() {
  $.ajax({
      url: 'action/update.php',
      type: 'POST',
      data: {
          postID: $(this).closest('.container').find('.postID').val()
      },
      success: function() {
        $(this).css({'color' : 'green'});
      }
  });
});

});

但是成功后,我想更改已单击的元素的某些CSS。 基本上,我想发布此内容,而无需使用基本的html发布刷新网站。 可能吗你能帮我吗?

1 个答案:

答案 0 :(得分:8)

您可以尝试以下方法:

$('.post .button').on('click',function() {
    var $this = $(this);
    $.ajax({
        url: 'action/update.php',
        type: 'POST',
        data: {
            postID: $this.closest('.container').find('.postID').val()
        },
        success: function() {
          $this.css({'color' : 'green'});
        }
    });
});