从1.3.2升级到1.8.3时,Jquery ajax成功

时间:2013-01-06 12:05:39

标签: javascript jquery ajax jquery-plugins

我有一个问题:)

我将旧的jquery 1.3.2升级到最新版本1.8.3。

当然,从这样的旧版本升级会导致我的自定义jquery代码出现问题:)

我发现我应该使用代理而不是bind,但是我的ajax代码仍然存在问题。

我不是一个经验丰富的javascript调试器,但对我而言,似乎ajax成功不会在setProgress中触发我的Google Chrome断点。

我的代码:

getProgress: function() {
    $.ajax({type: "GET", url: "/progress", dataType: "json",
      beforeSend: $.proxy(function(xhr) {
        xhr.setRequestHeader("X-Progress-ID", this.uuid);
      }, this),
      success: $.proxy(this.setProgress, this)
    });
  },
  setProgress: function(data) {
    if (data.state == "done") {
      this.finished();
    } else if (data.state == "error") {
      alert("ERROR"+data.status);
      this.finished();
    } else if (data.state == "starting") {
      this.statusText.text("Startar");
      this.setTime();
    } else {
      bps = bytesPerSecond((new Date()).getTime()-this.lastTime, this.received, data.received);
      this.lastTime = (new Date()).getTime()
      try { remaining = (this.size-this.received)/bps; } catch(err) { remaining = 0; }
      this.received = data.received;
      this.size = data.size;
      this.statusText.html(
        (this.received/this.size).toPercentage()+
        " Uppladdat ( "+
        data.received.toHumanSize()+
        " av "+
        data.size.toHumanSize()+
        " )   "+
        bps.toHumanSize()+
        "/s   "+
        timeLeft(remaining)+
        " kvar"
      );
      this.statusText.width((this.progressBar.width()-40)*(this.received/this.size)+20);
      this.setTime();
    }
  },

我想jquery 1.4+中的ajax有一些变化会破坏我的代码。什么想法可能是错的?

1 个答案:

答案 0 :(得分:0)

好的,我找到了解决方案:)

导致问题的代码并不是真的。这是我的Nginx conf没有输出纯json,jquery现在在版本1.4+中验证(这就是为什么它在jquery 1.3.2中工作而不是在新版本中)。

所以我把这个添加到我的Nginx conf:

location ^~ /progress {
  upload_progress_json_output;
  report_uploads proxied;
}