我现在要做的是尝试通过 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 并且它有效，但不同之处在于我在模型中返回了该方法。在这种情况下，我认为我必须从控制器调用该方法。我可能在哪里做错了？我将不胜感激任何帮助或建议。