如何解决ajax回调函数中使用$(this)取不到对象的问题

本篇内容主要讲解“如何解决ajax回调函数中使用$(this)取不到对象的问题”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“如何解决ajax回调函数中使用$(this)取不到对象的问题”吧!

下面这段jquery代码,是可以达到预期效果的。

复制代码 代码如下:

$(".derek").each(function(){ 
$(this).click(function(){ 
var params = $(this).parent().serialize(); 
var obj=$(this).parent().siblings("div#caskContent"); 
var form=$(this).parent(); 
$.ajax({ 
url:"editCaskContent", 
type:"post", 
data:params, 
dataType:"json", 
success:function(e){ 
obj.empty(); 
obj.html("<font color=\"#00AA00\">追问:</font>"); 
obj.append(e.caskContent); 
form.toggle(); 
alert("修改成功!"); 
}, 
error:function(e){ 
alert(e); 
} 
}); 
}); 
});

其中,大家可以看到,在发出ajax请求之前,我提前定义了两个变量,obj和form,分别用来存储两个jquery对象。如果在ajax的回调函数内使用$(this)的话,实践证明,是取不到任何对象的。

到此,相信大家对“如何解决ajax回调函数中使用$(this)取不到对象的问题”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!