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

Question

我想看看如何在扩展模型上指定urlRoot 时使用model.save() 方法将模型保存到服务器，但是当我请求model.fetch() 或do model.save() 时，ajax 请求永远不会触发。注意：我想如果不使用 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 -> SAVE 和 GET -> FETCH 触发 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 请求。