如何在不重新加载页面的情况下将值从控制器发送到ejs: Nodejs

我想将值从控制器发送到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>

这是控制器中的代码.js


exports.historyPm = function(req,res) {

    country = req.body.country

    res.render('home',{

        'country': country

    })

}

我需要在控制器中处理一些东西,然后将结果发送到ejs进行显示。现在,我将值输入从ejs发送到控制器,然后单击summit按钮,页面将重新加载。感谢您的帮助。


30秒到达战场
浏览 74回答 2
2回答

莫回无

您只需要防止表单在单击提交按钮时重新加载页面。我们可以通过多种技术来实现这一点,在jQuery下面例:<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">&nbsp; &nbsp; $('form').submit(function(e){&nbsp; &nbsp; &nbsp; &nbsp; e.preventDefault(); // prevents page reloading&nbsp; &nbsp; &nbsp; &nbsp;// api request&nbsp; &nbsp; &nbsp; &nbsp;return false;&nbsp; &nbsp; });</script>

繁花不似锦

&nbsp; <script>&nbsp; &nbsp; $(document)&nbsp; &nbsp; .on('click', 'form button[type=submit]', function(e) {&nbsp; &nbsp; &nbsp; &nbsp; //write your ajax code here&nbsp; &nbsp; &nbsp; &nbsp; e.preventDefault(); //stop submitting the form to avoid reload&nbsp; &nbsp; });&nbsp; <script>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript