プロトタイプとAjax.Requestスコープ
-
23-08-2019 - |
質問
私は、プロトタイプのAjax.Requestクラス内の正しいスコープを得るトラブルを抱えています。私は何をしようとしていることはAJAXリクエストをラップシンプルなAPIを記述します。
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()メソッド+親オブジェクトを参照するには、この+でんだけど、それはDOMWindow私を与えているとき。私はすべてのAPIクラスにその応答データを取得するように見えることはできません。私はそれが愚かな何か(結合?)で理解が、私はちょうど今日この1つを考えるように見えることはできません。
おかげ
解決
わかりました。私は大きな問題を逃しました。それはがはだけではない、すぐに、結果を設定したので、私は非同期的に要求しました。公平を期すために、それはまた、結合問題でした。ここでは、適切な要求がある。
_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;
}
他のヒント
あなたのソリューションが動作しないでしょうか?
あなたは、ネストされた関数の上にローカル変数を使用して、「この」スコープにそれらを変換する必要があります:
_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;
}
所属していません StackOverflow