我不太确定哪里出错了,因为我已经尝试调试了一段时间。我正在创建 webapp 的开始部分。现在,我正在尝试使用主干保存表单。我正在使用 Node.js、Mongoose、Express 和 Backbone。
一切似乎都正常,除了当我将模型发送回服务器时,请求挂起并最终导致超时。这是我所看到的屏幕截图:
我不太确定问题出在哪里,因为我还是这种堆栈的新手。
这是我的主干视图。没什么特别的。它使用灰尘呈现形式。在提交方法中,我将所有表单的数据收集到一个数组中并形成一个新的用户模型,然后将其保存回服务器。同样,服务器正在保存我在数据库中看到的数据。但是,当我查看 Firebug 时,我看到 POST 请求只是挂在那里并且没有结束(它有旋转加载的东西,好像它仍在等待来自服务器的响应。
define(['dust/addUser','models/userModel'], function(AddUser, UserModel) {
AddUser = Backbone.View.extend({
initialize: function() {
this.render();
},
tagName: 'div',
id: 'addUserContainer',
events: {
'submit form': 'submit'
},
render: function() {
$thisSelf = this.$el;
dust.render('addUser','', function(error, output) {
$thisSelf.append(output);
});
$('#wrapper').append($thisSelf);
},
/**
* @method submit
* Capture the submit event, create a logical array of data, send to model
*/
submit: function(event) {
event.preventDefault();
var dataArray = $('#addUser').serializeArray(),
data = _(dataArray).reduce(function(data, field) {
data[field.name] = field.value;
return data;
}, {});
var newUserModel = new UserModel(data);
console.log(newUserModel);
newUserModel.save({
success: function(model, response) {
console.log(model);
console.log(response);
},
error: function(model, response) {
console.log(model);
console.log(response);
}
});
},
});
这是我的 server.js 文件的相关部分。在这里,我需要猫鼬并创建连接。
var application_root = __dirname,
express = require('express'),
path = require('path'),
mongoose = require('mongoose'),
app = express();
//database
mongoose.connect('mongodb://nodejitsu:840391d8ed69abf8583c9da46cd6a9c5@paulo.mongohq.com:10041/nodejitsudb7458111315');
这是我创建的 API 路由:
app.post('/api/users', function(req, res) {
var user;
user = new UserModel({
rider: req.body.rider,
driver: req.body.driver,
name: req.body.name,
email: req.body.email,
phone: req.body.phone,
address: req.body.address,
city: req.body.city,
state: req.body.state,
zip: req.body.zip,
startTime: req.body.startTime,
endTime: req.body.endTime,
officeLocation: req.body.officeLocation
});
user.save(function(err) {
if (!err) {
return console.log("user created.");
} else {
return console.log(err);
}
});
});
任何指针将不胜感激。:)