我有这个node.js应用程序,我有一个非常简单的反馈表单。因此,当用户点击提交按钮时,它会触发对app.js文件的POST调用,并将反馈插入到DB中的表中。
现在,问题在于,当提交表单时,页面会开始重新加载,并将表单操作附加到网址中,例如 www.example.com/feedback ,这显然是错误的,该路径不存在。
理想情况下,我想要的是当按下提交按钮时页面不会像ajax类似吗?
任何人都可以帮忙吗?
以下代码:
app.js
function connect_DB() {
connection;
return connection;
}
app.post("/feedback", function (req, res) {
var obj_connect_DBD = connect_DB();
var post = {feedback: req.body.feedback};
obj_connect_DBD.query('INSERT INTO feedback SET ?', post, function (error) {
if (error) {
console.log(error.message);
} else {
console.log('succes');
}
});
});
表格在html文件中:
<form name="feedback" action="/feedback" method="POST" >
<textarea rows="7" cols="60" id="feedback" name="feedback" required placeholder="Enter feedback..."></textarea>
<br />
<button type="submit" value="submit" id="submit">Send Feedback</button>
</form>
非常感谢
固定 我所做的只是将按钮类型更改为按钮而不是提交然后我创建了一个函数,如下所示:
$("#submit").click(function () {
var feedback = $("#feedback").val();
$.post('/feedback/', {
feedback: feedback
});
});
不再重页加载:)