捕捉骨幹同步錯誤

Question

我需要捕捉來自服務器的所有響應中可能的登錄頁面，所以我已全局覆蓋Backbone.sync，以便在傳遞它們之前檢查所有錯誤。

Backbone.originalSync = Backbone.sync; 

Backbone.sync = function (method, model, options) { 
    var originalSuccess, originalError; 
    console.log("sync override..."); 
    // remember original success so we can call it if user logs in successfully 
    originalSuccess = options.success; 
    // proxy the error callback to first check if we get a login page back 
    originalError = options.error; 
    options.error = function (model, xhr, options) { 
     if (xhr.status === 200 && xhr.responseText === "") { 
      // parse error from empty response (jq1.9 invalid json, ok) 
      originalSuccess(model, xhr, options); 
     } else { 
      console.log("Sync error " + statusTxt + ", " + thrown.message); 
      if (xhr.status === 200 || xhr.status === 302 || xhr.status === 0) { 
       // login page returned instead of json... 
       // open a new window with relogon.html to trigger a new login 
       window.showModalDialog("../relogon.html"); 
      } else { 
       // normal error, pass along 
       if (originalError) { 
        originalError(model, xhr, options); 
       } 
      } 
     } 
    }; 

    // call the original sync 
    Backbone.originalSync(method, model, options); 
}; 

當從0.9.9變爲1.0時，這個數字變得非常糟糕。看起來像原來的Backbone.sync以不同的方式包裝它的錯誤處理程序，導致我的錯誤處理程序首先被調用，並帶有jquery xhr簽名。 我只好錯誤處理程序的簽名改成這樣：

options.error = function (xhr, statusTxt, thrown) { 

確定，所以現在它的工作原理，但我得到，我做錯了什麼的感覺。

有沒有更好的方法來做到這一點？

我試過jQuery的承諾，但我需要能夠從錯誤狀態切換到成功（當調用originalSuccess時），這似乎沒有與承諾一起工作。

Answer 1

你可以建立自己的jQuery Deferred object改變默認Backbone.sync行爲

Backbone.sync = function (method, model, opts) { 
    var xhr, dfd; 

    dfd = $.Deferred(); 

    // opts.success and opts.error are resolved against the deferred object 
    // instead of the jqXHR object 
    if (opts) 
     dfd.then(opts.success, opts.error); 

    xhr = Backbone.originalSync(method, model, _.omit(opts, 'success', 'error')); 

    // success : forward to the deferred 
    xhr.done(dfd.resolve); 

    // failure : resolve or reject the deferred according to your cases 
    xhr.fail(function() { 
     if (xhr.status === 200 && xhr.responseText === "") { 
      dfd.resolve.apply(xhr, arguments); 
     } else { 
      if (xhr.status === 200 || xhr.status === 302 || xhr.status === 0) { 
       console.log('login'); 
      } 
      dfd.reject.apply(xhr, arguments); 
     } 
    }); 

    // return the promise to add callbacks if necessary 
    return dfd.promise(); 
}; 

的承諾反映您所選擇的最終狀態。

http://jsfiddle.net/AsMYQ/4/對於失敗演示，http://jsfiddle.net/AsMYQ/5/取得成功。

如果我可以

• 你可能不應該與你的登錄操作綁得那麼緊Backbone.sync。使用事件，從骨幹或jQuery.ajaxError作爲@Andrey建議
• 您的服務器響應應指示授權失敗，可能是一個401個狀態
• 當你重寫同步別忘了來回報您的延期承諾/ jqXHR對象，可能出現在方便的下線

Answer 2

所有同步錯誤都會傳遞給模型的error事件，因此您可以收聽此事件。

從http://backbonejs.org/#Events-catalog：

「錯誤」（型號，XHR，選項） - 當一個模型保存在服務器上調用失敗。

要捕獲錯誤全球您可以使用http://api.jquery.com/ajaxError/