无法让 Ajax POST 与 Emberjs 一起使用

Question

我现在要做的是尝试通过 Ajax POST 将数据发送到数据库。我将首先从我拥有的 HTML 表单开始，

<script type="text/x-handlebars" id="project">
    <div class="row">
        <div class="span6">
            <form class="form-horizontal">
                <div class="control-group">
                    <label class="control-label" for="projectname">Project Name: </label>

                    <div class="controls">
                        {{!view App.TextFieldEmpty}}
                        <input type="text" id="projectname" required title="First Name is Required!" pattern="[A-z ]{10,}" placeholder="Enter Project Name"/>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="projectdesc">Project Description:</label>

                    <div class="controls">
                        <textarea rows="3" id="projectdesc" placeholder="Enter Project Desc"
                                  required="Description Required"></textarea>
                    </div>
                </div>
                <div class="control-group">
                    <div class="controls">
                        <button class="btn" {{action 'createNew'}}>Add Project</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</script> 

接下来，是我的App.js，根据 Ember 指南，我们必须先映射模板对吗？所以这里是我的router：

App.Router.map(function() {

    this.resource('project');

});

接下来，我要插入数据的表是一个简单的表，只有三个字段； id, projectname & projectdesc.

App.Model = Ember.Object.extend({

});

App.Project = App.Model.extend({
    id : null,
    projectname : null,
    projectdesc : null
});

现在关于这个问题，

App.ProjectController = Ember.ArrayController.extend({
    actions : {
        createNew : function() {
            this.get('model').createNew();
        }
    }
});
    App.ProjectRoute = Ember.Route.extend({

    });


    App.Project.reopenClass({
        createNew : function() {

            dataString = $("#project").serialize();

            $.ajax({
                type : "POST",
                url : "http://ankur.local/users/createNewProject",
                data : dataString,
                dataType : "json",
                success : function(data) {
                    alert("yes");
                }
            });
        }
    });

我在控制台上收到此错误：

Uncaught TypeError: Object [object Array] has no method 'createNew' 

这似乎就行了

this.get('model').createNew();

此外，我使用的是非 RESTful PHP 后端。

尽管我认为我已经在模型中创建了方法。此外，我完全以这种方式使用了 GET 并且它有效，但不同之处在于我在模型中返回了该方法。在这种情况下，我认为我必须从控制器调用该方法。我可能在哪里做错了？我将不胜感激任何帮助或建议。

Answer 1

代替

this.get('model').createNew();

试试下面的。

App.Project.createNew();