使用backbonejs和jquery将模型同步到asp.net服务器

Question

我想看看当在扩展模型上指定 urlRoot 时如何使用 model.save() 方法将模型保存到服务器，但是当我询问时，ajax 请求永远不会触发对于 model.fetch() 或 do model.save()。注意：我想在不使用 Collection 的情况下希望这是可能的吗？

HTML

<div id="placeholder"></div>
<script type="text/template" id="view_template">
    Hello <%= name %>, here is your script <%= script %>
</script>

模型

 window["model"] = Backbone.Model.extend({
        initialize: function () {
            console.log("CREATED");
        },
        defaults:{
            name:"Please enter your name",
            script:"Hello World"
        },
        urlRoot: "index.aspx",
        validate: function (attrs) {

        },
        sync: function (method, model, success, error) {
            console.log("SYNCING", arguments);
        }
    });

视图

 window["view"] = Backbone.View.extend({
        template:_.template($("#view_template").html()),
        initialize: function () {
            console.log("INITIALISED VIEW");
            this.model.bind("change","render",this);
        },
        render: function (model) {
                console.log("RENDERING");
                $(this.el).append(this.template(model));
                return this;
        }
    });

应用程序

$("document").ready(function () {

    var myModel = new model({
        name: "Stack Overflow",
        script: "alert('Hi SO')"
    });

    var myView = new view({
        model: myModel,
        el: $("#placeholder")

    });

    console.log("SAVING");
    myModel.save();        
    console.log("FETCHING");
    myModel.fetch();


});

，正如您在我调用 save & 的应用程序中看到的那样fetch 但根据文档，这应该使用 POST -> 触发 ajax 请求保存 & 获取 ->获取。但它所做的只是将同步函数中的参数记录到控制台中。

Answer 1

我认为您没有看到任何 Ajax 请求的唯一原因是您已经覆盖了 Model.sync 方法。通常，只有当您想要替换 Backbone.sync 中实现的默认 Ajax 同步时，您才会执行此操作。请参阅backbone.js 中的 Model.fetch 中的以下行：

return (this.sync || Backbone.sync).call(this, 'read', this, options);

我对您的代码进行了快速测试，如果我重命名您的 Model.sync 方法，我会看到 Ajax 请求。