Jquery AJAX调用:$(this)在成功后不起作用

前端之家收集整理的这篇文章主要介绍了Jquery AJAX调用:$(this)在成功后不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道为什么$(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之前使用它但在之后没有效果它会工作.

解决方法

在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",success: function(response) {
                $this.append('hihi');
        }
      });
      return false;
    });

猜你在找的jQuery相关文章