首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >原型和Ajax.Request作用域

原型和Ajax.Request作用域
EN

Stack Overflow用户
提问于 2009-05-21 15:59:40
回答 2查看 3.1K关注 0票数 3

在prototype的Ajax.Request类中获取正确的作用域时遇到了问题。我想要做的是编写一个简单的API来包装ajax请求:

代码语言:javascript
复制
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类中。我认为这是很愚蠢的事情(绑定?),但我今天似乎想不出这一点。

谢谢

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2009-05-21 16:20:36

好吧。我错过了更大的问题。我是异步请求的,所以它正在设置结果,只是不是立即。公平地说,这也是一个具有约束力的问题。下面是正确的请求:

代码语言:javascript
复制
_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;
}
票数 8
EN

Stack Overflow用户

发布于 2014-03-08 05:14:05

你的解决方案应该行不通?

您需要在嵌套函数之上使用局部变量,然后将它们转换为“this”作用域:

代码语言:javascript
复制
 _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;
    }
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/893678

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档