jQuery AJAX调用：成功后$（this）不起作用

小编典典

jQuery AJAX调用：成功后$（this）不起作用

ajax

我想知道为什么$（this）在jQuery ajax调用后不起作用。

我的代码是这样的。

$('.agree').live("click", function(){  // use live for binding of ajax results
      var id=($(this).attr('comment_id'));
      $.ajax({
        type: "POST",
        url: "includes/ajax.php?request=agree&id="+id,
        success: function(response) {
            $(this).append('hihi');
        }
      });
      return false;
    });

为什么在ajax调用之后，$（this）在这种情况下不起作用？如果我在ajax之前使用它会起作用，但之后没有效果。

阅读 330

2020-07-26

共1个答案

小编典典

在jQuery ajax回调中，“ this”是对ajax请求中使用的选项的引用。它不是对DOM元素的引用。

您需要首先捕获“外部” $（this） ：

$('.agree').live("click", function(){  // use live for binding of ajax results
      var id=($(this).attr('comment_id'));
      var $this = $(this);
      $.ajax({
        type: "POST",
        url: "includes/ajax.php?request=agree&id="+id,
        success: function(response) {
                $this.append('hihi');
        }
      });
      return false;
    });

2020-07-26