Javascript Prototype和Ajax.Request作用域
在prototype的Ajax.Request类中,我很难获得正确的作用域。我想做的是编写一个简单的API来包装ajax请求:Javascript Prototype和Ajax.Request作用域,javascript,ajax,prototypejs,Javascript,Ajax,Prototypejs,在prototype的Ajax.Request类中,我很难获得正确的作用域。我想做的是编写一个简单的API来包装ajax请求: API = Class.create({ initialize:function(api_token) { this.api_token = api_token; this.request_uri = new Template('/api/#{api_token}/#{resource}.json'); this.status = 0;
API = Class.create({
initialize:function(api_token)
{
this.api_token = api_token;
this.request_uri = new Template('/api/#{api_token}/#{resource}.json');
this.status = 0;
this.last_result = null;
},
some_api_call:function()
{
var result = this._request('resource', {'id':1});
// and so on...
},
_request:function(resource, params)
{
var uri = this.request_uri.evaluate({"api_token":this.api_token,"resource":resource});
new Ajax.Request(uri,
{
contentType:'application/json',
method:'get',
parameters:params,
onSuccess:function(r)
{
alert(this);
this.last_result = r.responseJSON;
this.status = r.status;
}
});
return this.last_result;
}
});
当我使用onSuccess()方法时,我希望+this+引用父对象,但它给了我DOMWindow。我似乎根本无法将响应数据放入API类中。我觉得这是件愚蠢的事(装订?),但今天我似乎想不出这件事
谢谢好的。我错过了更大的问题。我是异步请求的,所以它设置了结果,而不是立即。公平地说,这也是一个具有约束力的问题。以下是正确的要求:
_request:function(resource, params)
{
var uri = this.request_uri.evaluate({"api_token":this.api_token,"resource":resource});
new Ajax.Request(uri,
{
asynchronous: false,
contentType:'application/json',
method:'get',
parameters:params,
onSuccess:function(r)
{
this.last_result = r.responseJSON;
this.status = r.status;
}.bind(this)
});
alert(this.status);
return this.last_result;
}
你的解决方案不应该奏效 您需要在嵌套函数上方使用局部变量,然后将它们转换为“this”范围:
_request:function(resource, params)
{
var uri = this.request_uri.evaluate({"api_token":this.api_token,"resource":resource});
var last_result = "";
var status = "";
new Ajax.Request(uri,
{
asynchronous: false,
contentType:'application/json',
method:'get',
parameters:params,
onSuccess:function(r)
{
last_result = r.responseJSON;
status = r.status;
}
});
this.last_result = last_result;
this.status = status;
alert(this.status);
return this.last_result;
}