문제

프로토 타입의 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 () 메소드에있을 때 나는 + 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;
}

다른 팁

솔루션이 작동하지 않아야합니까?

중첩 된 함수 위의 로컬 변수를 사용한 다음 '이'범위로 변환해야합니다.

 _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;
    }
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top