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

前端之家收集整理的这篇文章主要介绍了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",
success:
function(msg) {

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

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

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

}


这样在ajax不会再使用this指针,从而不会产生上面this指代错误的问题。var myname在ajax作用域相当于全局变量,可以直接使用。
原文链接:https://www.f2er.com/ajax/162701.html

猜你在找的Ajax相关文章