我有一个带有POST表单的网站。我希望用户将其电子邮件输入表单。电子邮件提交后,POST将发送到服务器。使用Express和MailChimp API,我将此电子邮件与后端app.js文件一起保存到我的MailChimp帐户中。
成功添加电子邮件后,我使用res.json()发送一个虚拟JSON对象。目前,它只是一个虚拟JSON对象,但是将来我会用它发送成功详细信息。 问题是,我的浏览器从index.html重定向到显示此JSON文件。我不希望页面重新加载或重定向到JSON响应。我在做什么错了?
真的很喜欢我能得到的任何帮助,谢谢:)
我尝试过:res.end()和res.send()以及res.sendStatus(200)
APP.JS(只是POST内容):
// Signup Route
app.post('/signup', (req, res) => {
const {email} = req.body;
console.log(req);
// Make sure fields are fillled
if(!email){
res.redirect('/fail.html');
return;
}
// Make request data
const data = {
members: [
{
email_address: email,
status: 'subscribed',
merge_fields: {} ///may need to remove this line....
}
]
};
const postData = JSON.stringify(data);
const options = {
url: 'myprivateurl',
method: 'POST',
headers: {
Authorization: 'myprivatekey'
},
body: postData
};
request(options, (err, response, body) => {
if(err) {
res.redirect('/fail.html');
}
else{
if(response.statusCode == 200){
//res.redirect('/success.html');
console.log("server side success");
res.json({
success: true,
message: "Some success message",
data: "some data if there's any"
});
}
else{
res.redirect('/fail.html');
}
}
});
});
HTML(只是表格内容):
<!--Email List-->
<div id="mailListHolder">
SIGN UP FOR OUR MAIL LIST!
<br>
<div id="successtext"> Thanks! </div>
<form id="emailform" action="/signup" method="POST">
<input name="email" type="text" placeholder="dopedude@mail.com" onfocus="this.placeholder = ''"/>
<input type="submit" />
</form>
</div>
客户JS(只是表格内容):
$('#emailform').submit(function() {
console.log("emailform submit case WORKING!");
$("#emailform").css({
"display": "none",
});
$("#successtext").css({
"display": "block"
});
return false;
});
答案 0 :(得分:0)
app.post('/api/user',(req,res)=>{
const user = new User({
email: req.body.email,
password: req.body.password
});
user.save((err,doc)=>{
if(err) res.status(400).send(err)
res.status(200).send(doc)
})
})
const userSchema = mongoose.Schema({
email:{
type:String,
required:true,
trim:true,
unique:1
},
password:{
type:String,
required:true,
minlength:6
}
})
const User = mongoose.model('User', userSchema )
或者您可以参考:https://github.com/karenaprakash/nodejs-sec-and-auth.git
该项目是express.js的演示