首页 > 解决方案 > 如何在nodejs中发布请求后在html上显示响应消息

问题描述

我想在提交数据后在 html 页面中显示一条消息,无论它在同一个 html 页面上是否正确,到目前为止我只能在新页面上显示消息。

下面是节点代码

app.post('/login',(req,res)=>{
    try{
        console.log(req.body)
        if(req.body.yourname!='mohit')
          res.send('Content-Type' )
        else  
        res.send('thankyou for submission')
    }catch(error){
        res.send()
    }
})

app.listen(port,()=>{
    console.log('server started to'+port);
})

下面是html代码

 <div class="container">  
    <form id="contact" action="/login" method="post">
      <h3>Contact Form</h3>
      <fieldset>
        <input name="yourName" placeholder="Your name" type="text" tabindex="1" required autofocus>
      </fieldset>
      <fieldset>
        <input name="Email" placeholder="Your Email Address" type="email" tabindex="2" required>
      </fieldset>
      <fieldset>
        <input name="Phone" placeholder="Your Phone Number (optional)" type="tel" tabindex="3" required>
      </fieldset>
      <fieldset>
        <input name="site" placeholder="Your Web Site (optional)" type="url" tabindex="4">
      </fieldset>
      <fieldset>
        <textarea name="Message" placeholder="Type your message here...." tabindex="5"></textarea>
      </fieldset>
      <fieldset>
        <button name="submit" type="submit" id="contact-submit">Submit</button>
      </fieldset>

       </form>

真的会得到帮助吗?

标签: javascripthtmlnode.js

解决方案


推荐阅读