Javascript 如何在不重新加载的情况下将值从控制器发送到ejs页面：Nodejs_Javascript_Node.js

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

javascript node.js

Javascript 如何在不重新加载的情况下将值从控制器发送到ejs页面：Nodejs,javascript,node.js,Javascript,Node.js,当我在ejs中输入时，我想将值从控制器发送到ejs文件，而不重新加载页面。这是ejs文件中的代码 <html> <p class="topicCard3">History Of PM2.5 Values In <%= country %></p> <form method="POST" action="/historyPM2.5"> <input class="inputCoun

当我在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>

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


  <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>

$（文件）
.on（'click'，'form button[type=submit]'，函数（e）{
//在这里编写ajax代码
e、 preventDefault（）；//停止提交表单以避免重新加载
});

单击提交按钮时，只需防止表单重新加载页面即可。我们可以通过多种技术实现这一点，下面是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>


$（'form'）。提交（函数（e）{
e、 preventDefault（）；//防止页面重新加载
//api请求
返回false；
});

您需要使用ajax向端点发出请求并获取数据。。。

<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>