javascript - Backbone JS Model Fetch 在 Fiddler 中返回 200 但调用错误方法

Question

我这里发生了一些非常奇怪的事情。我有一个正在尝试获取的模型。我可以查看 Fiddler 中的调用或手动调用我的 API 服务，我得到了我期望返回的 JSON，但 fetch 方法总是在 Backbone 中引发错误。它没有告诉我原因并且 responseText 是空的。在 fiddler 中，服务返回 200。

这是调用代码...

    this.createSession = function (sessionId) {
            var that = this;

            CookieManager.CreateSession(sessionId);
            var sessionData = new Authentication.Response({
                id: sessionId 
            });

            sessionData.fetch({
                success: function () {
                    that.storeData(sessionData);
                },
                error: function (model, xhr) {
                    if (console !== undefined && console !== null) {
                        console.log('Unable to load session data: ' + xhr.responseText);
                    }
                    throw new Error('Unable to load session data');
                }
            });
        };

以及相关的模型...

define(['ministry', 'moment'],
function (Ministry) {
    var authRequest = Ministry.Model.extend({

        name: 'Auth Request',
        urlRoot: '/api/auth',

        defaults: {
            id: undefined,
            requestSource: undefined,
            apiKey: undefined,
            username: undefined,
            password: undefined,
            dateCreated: undefined,
            lastLoggedIn: undefined
        },

        generatedHash: undefined,

        parse: function(attributes, response) {
            var hashUrl = response.xhr.getResponseHeader('location');
            var elements = hashUrl.split("/");
            this.generatedHash = attributes.id = elements[elements.length - 1].toLowerCase();
            return attributes;
        },

        validate: function (attributes) {
            if (attributes.requestSource === undefined || attributes.requestSource == null || attributes.requestSource == '') {
                return "The attribute 'requestSource' is required";
            }
            if (attributes.apiKey === undefined || attributes.apiKey == null || attributes.apiKey == '') {
                return "The attribute 'apiKey' is required";
            }
            if (attributes.username === undefined || attributes.username == null || attributes.username == '') {
                return "The attribute 'username' is required";
            }
            if (attributes.password === undefined || attributes.password == null || attributes.password == '') {
                return "The attribute 'password' is required";
            }
            return null;
        }
    });

    // Return as two types for syntactic sugar reasons.
    return {
        Request: authRequest,
        Response: authRequest
    };
});

该模型扩展了我的通用根模型，其代码在此处...

  var ministryModel = Backbone.Model.extend({

        name: 'Unnamed Model',

        initialize: function (options) {
            this.options = options || {};
            Backbone.Model.prototype.initialize.call(this, options);
            if (this.options.name) {
                this.name = this.options.name;
            }

            this.on('invalid', function (model, error) {
                if (console !== undefined) {
                    console.log(error);
                    console.log(model);
                }
                throw (new Error(error));
            });
        },

        fetch: function (options) {
            this.trigger('fetching', this, options);
            return Backbone.Model.prototype.fetch.call(this, options);
        }
    });

总是调用错误回调，我不明白为什么。在 Fiddler 中，我通过直接调用 API 获得以下信息...

HTTP/1.1 200 OK
Cache-Control: no-cache
Pragma: no-cache
Content-Type: application/json; charset=utf-8
Expires: -1
Server: Microsoft-IIS/8.0
X-AspNet-Version: 4.0.30319
X-Powered-By: ASP.NET
Date: Mon, 19 Aug 2013 16:12:00 GMT
Content-Length: 213

{"id":"bba5e742d1af3de5921e8df0a1818530789c202a","dateCreated":"2013-07-22T17:57:20.143","lastLoggedIn":"2013-08-19T17:08:29.67","username":"tiefling","apiKey":"ka73nd9s7n2ls9f3ka2n5p2k","requestSource":"website"}

这在询问来自 Chrome 的调用时......

HTTP/1.1 200 OK
Cache-Control: no-cache
Pragma: no-cache
Content-Type: application/json; charset=utf-8
Expires: -1
Server: Microsoft-IIS/8.0
X-AspNet-Version: 4.0.30319
X-Powered-By: ASP.NET
Date: Mon, 19 Aug 2013 16:08:29 GMT
Content-Length: 213

{"id":"bba5e742d1af3de5921e8df0a1818530789c202a","dateCreated":"2013-07-22T17:57:20.143","lastLoggedIn":"2013-08-19T17:08:29.67","username":"tiefling","apiKey":"ka73nd9s7n2ls9f3ka2n5p2k","requestSource":"website"}

两者都显示 200，但在 Fiddler 中显示的图标略有不同 - Chrome 调用图标是一个红色圆圈，但除此之外，一切看起来都很笨拙。

欢迎提出任何想法，我现在遇到了一些困难。

补充:如果我单步执行代码，当我进行提取调用时，“sessionData”对象中的属性根本没有更新。该对象与执行 fetch 方法之前完全相同。

更新:自从我第一次写这篇文章以来，据我从 Fiddler 中看到的那样，代码现在已经完全停止进行调用。这在早些时候工作，但现在似乎无形地失败了，没有迹象表明可能是什么错误。调试 API 代码表明现在根本没有调用服务上的 GET 方法。

进一步更新:除了删除错误/成功回调之外，无需更改任何代码，这开始工作(有点)。如果我在 fetch 调用之后放置一个断点，那么它会完全正常工作(从我在 Fiddler 中看到的 - 我无法检查应用程序，因为成功回调是未连接的)。如果我删除断点，它现在会部分失败(Fiddler 中的红色圆圈，但响应为 200)。

这似乎是某种竞争条件？

我试过使用“完整”回调来获取信息以使用 textStatus，但它只是说“错误”——不是特别有用!

Answer 1

我终于找到了答案；这在上面的代码中并不明显。正在从这样的更高方法调用调用代码...

                    var authData = SiansPlanApp.session.getData(this.$loginUsername.val(), this.$loginPassword.val());

                authData.save(authData.attributes, {
                    success: function() {
                        if (authData.generatedHash !== undefined && authData.generatedHash !== null && authData.generatedHash !== '')
                            MyApp.session.createSession(authData.generatedHash);
                        that.redirectToOrigin();
                        $.fancybox.close();
                    },
                    error: function (model, xhr) {
                        if (console !== undefined && console !== null) {
                            console.log('Login attempt failed: ' + xhr.responseText);
                        }
                        that.displayError('Username or password not recognised');
                        $.fancybox.close();
                    }
                });

如您所见，createSession 方法后立即调用了 redirectToOrigin() - 虽然未显示，但足以说明该方法将页面重定向到根目录。失败的原因很简单 - 一旦通过重定向运行初始创建调用，就没有时间进行任何回调。