我想将值从控制器发送到ejs文件，而无需在ejs中输入时重新加载页面。这是 ejs 文件中的代码。<html> <p class="topicCard3">History Of PM2.5 Values In <%= country %></p> <form method="POST" action="/historyPM2.5"> <input class="inputCountry" name='country' placeholder="enter country name"> <button class="submitButton">SUBMIT</button> </form> <p><html>这是控制器中的代码.jsexports.historyPm = function(req,res) { country = req.body.country res.render('home',{ 'country': country })}我需要在控制器中处理一些东西，然后将结果发送到ejs进行显示。现在，我将值输入从ejs发送到控制器，然后单击summit按钮，页面将重新加载。感谢您的帮助。
2 回答
莫回无
TA贡献1865条经验 获得超7个赞
您只需要防止表单在单击提交按钮时重新加载页面。我们可以通过多种技术来实现这一点，在jQuery下面
例：
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">
$('form').submit(function(e){
e.preventDefault(); // prevents page reloading
// api request
return false;
});
</script>
繁花不似锦
TA贡献1851条经验 获得超4个赞
<script>
$(document)
.on('click', 'form button[type=submit]', function(e) {
//write your ajax code here
e.preventDefault(); //stop submitting the form to avoid reload
});
<script>
添加回答
举报
0/150
提交
取消