使用node.js如何从简单的HTML表单发送和存储数据

时间:2018-06-26 06:37:33

标签: html node.js post

我是Web开发的初学者。我使用HTML和CSS创建了一个简单的表单,其中包含三个小部件,即名称,电子邮件和电话。现在,我想将数据发送到服务器并使用NodeJS存储在服务器中。 我该怎么办?

这是我的HTML文件。

<!DOCTYPE html>
<html>
    <head>
        <Meta charset = "uft-8">
        <title> Singing up for The Event </title>
        <link rel="stylesheet" href="styles.css">

    </head>
<body>
<form action = "/registration-form" method = "post">
    <div>
        <label for="name"> Name: </label>
        <input type="text" id="name" name="user_name">
    </div>

    <div>
        <label for="mail"> E-mail: </label>
        <input type="email" id="mail" name="user_mail">
    </div>

    <div>
        <label for="phone"> Phone:</label>
        <input type="number" id="phone" name="user_phone"></input>
    </div>

    <div class="button">
        <button type="submit">Register!</button>
    </div>

    <div class="button">
        <button type="Reset">Reset!</button>
    </div>
</form>
</body>
</html>

这是我的server.js文件。

var express = require('express');

var app = express();
var bodyParser = require('body-parser');
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
var port = process.env.PORT || 63342;

//POST
app.post('/api/users', function(req, res) {
    var user_name = req.body.user_name;
    var user_mail = req.body.user_mail;
    var user_phone = req.body.user_phone;

    res.send(user_name + ' ' + user_mail + ' ' + user_phone);
})

//starting the server
app.listen(port);
console.log("Running at port 63342...");

我不确定下一步该怎么做。如何检查请求是否成功,是否可以通过直接打开并填写HTML表单来提出请求。

enter image description here

1 个答案:

答案 0 :(得分:0)

如何定义模型架构(数据库)或集合:您可以检查响应的值。

  if(err) {
        res.json({success: false, message: `Failed to create a new list. Error: ${err}`});
    }
    else
        res.json({success:true, message: "Added User successfully."});