您现在的位置是：网站首页> 编程资料编程资料
ajax回调函数中使用$(this)取不到对象的解决方法_AJAX相关_
2023-05-25
243人已围观
简介 ajax回调函数中使用$(this)取不到对象的解决方法_AJAX相关_
下面这段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("追问：");
obj.append(e.caskContent);
form.toggle();
alert("修改成功！");
},
error:function(e){
alert(e);
}
});
});
});
其中，大家可以看到，在发出ajax请求之前，我提前定义了两个变量，obj和form，分别用来存储两个jquery对象。如果在ajax的回调函数内使用$(this)的话，实践证明，是取不到任何对象的。具体原因，希望大神留言指教。。
复制代码 代码如下:
$(".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("追问：");
obj.append(e.caskContent);
form.toggle();
alert("修改成功！");
},
error:function(e){
alert(e);
}
});
});
});
其中，大家可以看到，在发出ajax请求之前，我提前定义了两个变量，obj和form，分别用来存储两个jquery对象。如果在ajax的回调函数内使用$(this)的话，实践证明，是取不到任何对象的。具体原因，希望大神留言指教。。
您可能感兴趣的文章:
- jQuery Ajax Post 回调函数不执行问题的解决方法
- Javascript基于AJAX回调函数传递参数实例分析
- ajax请求返回的数据看不到回调函数没有执行也没报错
- 解决ajax回调函数返回的字符串乱码问题
- ajax异步回调函数中给外部变量赋值的问题探讨
- ajax JSONP请求处理回调函数jsonpCallback区分大小写
- jQuery Tips 为AJAX回调函数传递额外参数的方法
- ajax回调函数参数传递正确方法
- JQuery中使用Ajax赋值给全局变量失败异常的解决方法
- ajax给全局变量赋值问题解决示例
- JQuery中使用Ajax赋值给全局变量异常的解决方法
- jquery ajax修改全局变量示例代码
- Ajax获取回调函数无法赋值给全局变量的问题
相关内容
- 关于JavaScript跨域问题及实时刷新解决方案_AJAX相关_
- Ajax传递中文参数到后台乱码的有效解决方法_AJAX相关_
- 使用AjaxFileUpload.js实现异步文件上传示例_AJAX相关_
- ContentType控制输出的类型是否区分大小写_AJAX相关_
- Ajax中responseText返回的是一个页面而不是一个值_AJAX相关_
- ajax的responseText乱码的问题的解决方法_AJAX相关_
- 利用 Linq+Jquery+Ajax 实现异步分页功能可简化带宽压力_AJAX相关_
- ajax的定时调用每5秒调用一次_AJAX相关_
- php+ajax实现带进度条的大数据排队导出思路以及源码_AJAX相关_
- jquery中的ajax如何返回结果而非回调方式即为同顺序执行_AJAX相关_
