ajax使用函数中的this变量问题及其解决方法

我们经常在使用ajax时,需要将里面返回的变量再重新赋值给函数中的公有变量,这边有个例子,大家可以看看


function classA {

this.name = "classA";

}


classA.prototype.getMessage = function() {

$.ajax({   
                type:"post",     
                url:
//请求url地址,可以为servlet地址,   
                success:
function(msg) {

  //msg为从servlet获取到的数据

   this.name = msg; //此时想将获取到的信息赋值给name属性

},   
                error:function(){   
                    alert("wrong");   
                }   
            });  

}


然而此时系统报错,提示找不到name属性"cannot read the property name",原因是因为此时的this所指的上下文是ajax作用域内的上下文,并不是classA中的上下文,因此此时找不到name属性就正常了。


这里需要对getMessage稍微做些调整就行

classA.prototype.getMessage = function() {

        var myname = this.name; //此时将this.name付给另外一个var变量

$.ajax({   
                type:"post",     
                url:
//请求url地址,可以为servlet地址,   
                success:
function(msg) {

  //msg为从servlet获取到的数据

   myname = msg; //此时想将获取到的信息赋值给name属性

},   
                error:function(){   
                    alert("wrong");   
                }   
            });  

}


这样在ajax不会再使用this指针,从而不会产生上面this指代错误的问题。var myname在ajax作用域相当于全局变量,可以直接使用。

阅读更多
个人分类: J2EE
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

ajax使用函数中的this变量问题及其解决方法

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭