我有一个添加 newCompany 的表单，我使用 AJAX 发送数据，如下所示：
问题是，当我添加新公司时，插入了两次数据，第一个是没有图像名称的12个字段！第二个是空对象！像这样：
我不知道，我会失去理智！ 请帮忙！
【问题讨论】：
标签： ajax node.js mongodb express mongoose
您在保存时调用res.redirect('/company/create')，它将HTTP302 发送到客户端。然后客户端再次触发相同的路由。在您的 $.ajax() 请求完成后，尝试在客户端执行重定向。
【讨论】：
success: function (data, response) { window.location.href = response.redirect; 的Ajax 调用，并从路由中删除了res.redirect('/company/create')！但它也不起作用！ !
res.redirect('/home'); 那样两次调用相同的路线，数据也会插入两次完整对象和空对象！
看，这是因为您将响应重定向到 company/create
router.post('/company/create', function(req, res, next){
var newCompany = new Company({
name: req.body.name,
address: req.body.address,
city: req.body.city,
country: req.body.country,
.
.
.
.
});
Company.save(newCompany, function(err, response){
if(err){
console.log(err);
}
res.location('/home');
res.redirect('/home');
});
});
如果它不起作用，让我们看看你的模型。问题可能就在那里
【讨论】：
我遇到了和你一样的问题，我在 Udemy.com 问答板上发布了我们正在学习的课程的第 37 课上的链接后到达了这篇文章。
这个问题的解决方案处理按钮的“提交”事件而不是点击事件，看起来代码被执行以响应我们希望处理点击事件，然后它确实执行自然行为（并执行再次路由处理程序）
这是完整的 validate.js 文件，只需将 'click' 替换为 'submit' 即可解决问题：
$(document).ready(function(){
$('#register').on('submit',function(e){
var name = $.trim($('#name').val());
var address = $.trim($('#address').val());
var city = $.trim($('#city').val());
var country = $.trim($('#country').val());
var sector = $.trim($('#sector').val());
var website = $.trim($('#website').val());
var img = $.trim($('#upload-input').val());
var isValid = true;
if(name == ''){
isValid = false;
$('#errorMsg1').html('<div class="alert alert-danger">Company name can\'t be empty</div>');
}
if(address == ''){
isValid = false;
$('#errorMsg2').html('<div class="alert alert-danger">address can\'t be empty</div>');
}
if(city == ''){
isValid = false;
$('#errorMsg3').html('<div class="alert alert-danger">City can\t be empty</div>');
}
if(country == ''){
isValid = false;
$('#errorMsg4').html('<div class="alert alert-danger">Country can\'t be empty</div>');
}
if(sector == ''){
isValid = false;
$('#errorMsg5').html('<div class="alert alert-danger">Sector can\'t be empty</div>');
}
if(country == ''){
isValid = false;
$('#errorMsg6').html('<div class="alert alert-danger">Website can\'t be empty</div>');
}
if(isValid == false){
return false;
}else{
var newCompany = {
name: name,
address: address,
city: city,
country: country,
sector: sector,
website: website,
img: img
};
$.ajax({
url: '/company/create',
type: 'POST',
data: newCompany,
success: function(){
$('#name').val('');
$('#address').val('');
$('#city').val('');
$('#country').val('');
$('#sector').val('');
$('#website').val('');
$('#upload-input').val('');
}
});
}
})
});
【讨论】：