如何使用EJS将值从Node JS传递回Html

时间:2016-07-07 05:59:29

标签: html node.js ejs

我正在尝试POST使用我的HTML表单node JS某些值来NODE JS方法。此后,我需要从HTML发回返回结果,并将其显示在EJS页面中。

我也在使用Success将值发送回表单。但是,结果不会显示。

基本上,在用户点击HTML表单上的提交按钮后,应将值传递给处理的Node Js,并将结果failed <form id="form-register" action="http://localhost:8089/ttt"" method="post" enctype="multipart/form-data"> <input type="logintext" value="" name="nam" class="nameC" id="mc" > <input type="submit" name="subscribe" id="mc-submit-number"> <label >REEEEE <%= titles %></label> </form> 发送回HTML文档。显示。

我的代码如下:

HTML CODE:

app.post('/ttt', function (req,res){

loginProvider.signUp(params, function(err, data) {
    if (err) {

      res.render('index',{title: 'HOME',titles:err.stack
      });
      res.send('WHATTT');
    }
    else   {
      console.log('Result ' + data);           // successful response
      res.render('index',{title: 'HOME',titles:'SUCCESS'
      });
      res.end('xzxzxzxzxzx');
    }  

});

}

NODE JS CODE:

minimum length

2 个答案:

答案 0 :(得分:0)

你可以(或者更确切地说)使用AJAX。

然后,您可以通过post请求手动将表单参数发送到Node服务器,并返回带有错误或成功消息的响应对象。

答案 1 :(得分:0)

您的代码无法工作的原因是因为您已经加载了HTML页面的DOM,并且当您提出该请求时,EJS工作的唯一方法是重新加载页面,因为EJS只是通过您的文件和字符串替换

我最好的解决方案是对你的'/ ttt'进行正常的AJAX调用,让Node.js做'res.send(“SUCCESS”);'在您的html中,您可以将该标签或文档页面的任何部分设置为“SUCCESS”

使用JQuery

$.post("/ttt", function(data, status){
   $("#yourLabel").text(data);
});