将 HTTP 基本身份验证标头添加到 Backbone.js 同步功能可防止模型在 Save() 上更新

我正在开发一个 Web 应用程序，该应用程序由使用 Python 的 CherryPy 框架编写的 Restful API 提供支持。我开始使用 jQuery 和服务器端模板的组合来编写用户界面，但最终切换到 Backbone.js，因为 jQuery 已经失控了。

不幸的是，我在让模型与服务器同步时遇到一些问题。这是我的代码的一个简单示例：

$(function() {
    var User = Backbone.Model.extend({
        defaults: {
            id: null,
            username: null,
            token: null,
            token_expires: null,
            created: null
        },

        url: function() {
            return '/api/users';
        },

        parse: function(response, options) {
            console.log(response.id);
            console.log(response.username);
            console.log(response.token);
            console.log(response.created);
            return response;
        }
    });

    var u = new User();
    u.save({'username':'asdf', 'token':'asdf'}, {
        wait: true,
        success: function(model, response) {
            console.log(model.get('id'));
            console.log(model.get('username'));
            console.log(model.get('token'));
            console.log(model.get('created'));
        }
    });
});

您可能知道，这里的想法是使用该服务注册新用户。当我打电话时u.save();，Backbone确实向服务器发送了POST请求。以下是相关部分：

Request:

Request URL: http://localhost:8080/api/users
Request Method: POST
Request Body: {"username":"asdf","token":"asdf","id":null,"token_expires":null,"created":null}

回复：

Status Code: HTTP/1.1 200 OK
Content-Type: application/json
Content-Length: 109
Response Body: {"username": "asdf", "created": "2013-02-07T13:11:09.811507", "token": null, "id": 14, "token_expires": null}

可以看到，服务器成功处理了请求并返回了一个id和一个值created。但由于某种原因，当我的代码调用console.log(u.id);, I get null，当我的代码调用时console.log(u.created);, I get undefined.

tl;dr：为什么 Backbone.js 在调用后不保留对我的对象的更改save()?

Edit:我修改了上面的代码，以便使用 get 函数来访问模型属性success打回来。这应该可以解决原始代码的任何并发问题。

我还在模型中添加了一些控制台日志记录parse功能。奇怪的是，每一个都是undefined...这是否意味着 Backbone.js 无法解析我的响应 JSON？

Edit 2:几天前，我发现这个问题实际上是一个自定义标头，我将其添加到每个请求中以启用 HTTP 基本身份验证。看这个答案了解详情。

这段代码：

u.save();
console.log(u.id);
console.log(u.username);
console.log(u.token);
console.log(u.created);

立即运行...之后就没有什么可运行的并且排队的 ajax 请求开始。然后响应会稍后出现，并且只有在此时值才会发生更改。

似乎这些属性并不直接在对象上，但保存的异步处理仍然存在，即使您将该代码更正为具有，您也不会获得预期结果console.log(u.get("id")) etc.