如何在AJAX成功中使用$(this)？

在AJAX成功中使用$(this)的方法是通过在AJAX请求的success回调函数中使用$(this)来引用当前的DOM元素。

$(this)是jQuery中的一个特殊对象，它表示当前正在处理的元素。在AJAX请求中，success回调函数会在请求成功返回数据后被调用。在这个回调函数中，可以使用$(this)来引用发起AJAX请求的DOM元素。

使用$(this)的好处是可以避免在回调函数中使用全局变量或者通过选择器重新获取DOM元素。这样可以提高代码的可读性和性能。

下面是一个示例代码，演示了如何在AJAX成功中使用$(this)：

$('.ajax-button').click(function() {
  var $button = $(this); // 保存当前按钮的引用

  $.ajax({
    url: 'example.com/api',
    method: 'GET',
    success: function(response) {
      // 在success回调函数中使用$(this)引用当前按钮
      $button.text('请求成功');
    },
    error: function() {
      $button.text('请求失败');
    }
  });
});

在上面的示例中，当点击class为"ajax-button"的按钮时，发起一个AJAX请求。在success回调函数中，使用$(this)引用当前按钮，并修改按钮的文本内容为"请求成功"。如果请求失败，则修改按钮的文本内容为"请求失败"。

需要注意的是，$(this)只在当前作用域内有效，如果在嵌套的函数中使用$(this)，它将引用不同的对象。在这种情况下，可以使用闭包来保存$(this)的引用，或者使用ES6的箭头函数来绑定this的上下文。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm