Прототип и область действия Ajax.Request

У меня проблемы с получением правильной области видимости в классе прототипа 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;
    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. Я полагаю, что это что-то глупое (обязывающее?), Но я просто не могу придумать это сегодня.

Спасибо


javascript ajax prototypejs
person RobH    schedule 21.05.2009    source источник

Ответы (2)


arrow_upward
8
arrow_downward

Хорошо. Я упустил большую проблему. Я запрашивал асинхронно, поэтому он устанавливал результат, но не сразу. Честно говоря, это тоже был обязывающий вопрос. Вот правильный запрос:

_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;
}
person RobH    schedule 21.05.2009

arrow_upward
0
arrow_downward

Ваше решение НЕ ДОЛЖНО работать?

Вам нужно использовать локальные переменные над вложенной функцией, а затем преобразовать их в область видимости 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;
    }
person Charles Robertson    schedule 07.03.2014