在使用jQuery Ajax时,经常会遇到$this关键字。$this指代的是当前的jQuery对象,即当前选定的元素。
例如,我们可以使用以下语句获取到当前点击的按钮元素:
$('button').click(function(){ var $btn = $(this); //当前点击的按钮jQuery对象 });
在Ajax中,我们可以使用$this来找到当前点击的按钮,然后发送请求并更新页面:
$('button').click(function(){ var $btn = $(this); //当前点击的按钮jQuery对象 $.ajax({ url: 'example.php', data: {id: $btn.attr('data-id')}, success: function(response){ $btn.closest('tr').remove(); //找到当前按钮所在的行,并从DOM中删除 } }); });
在这个例子中,我们使用了$btn.closest('tr')找到了当前按钮所在的行,并使用remove()函数从DOM中删除。这样做的好处是,不用担心其他行的按钮也会被误删,只会删除当前行的按钮。
总结起来,$this关键字指代的是当前的jQuery对象,可以在Ajax请求中使用它来找到对应的元素并进行操作。