Question

我有一个问题：）

我将旧的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()+
        "&nbsp;Uppladdat&nbsp;(&nbsp;"+
        data.received.toHumanSize()+
        "&nbsp;av&nbsp;"+
        data.size.toHumanSize()+
        "&nbsp;)&nbsp;&nbsp;&nbsp;"+
        bps.toHumanSize()+
        "/s&nbsp;&nbsp;&nbsp;"+
        timeLeft(remaining)+
        "&nbsp;kvar"
      );
      this.statusText.width((this.progressBar.width()-40)*(this.received/this.size)+20);
      this.setTime();
    }
  },

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

Answer 1

好的，我找到了解决方案：）

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

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

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

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

1 个答案: