簡體   English   中英

使用node.js如何從簡單的HTML表單發送和存儲數據

[英]Using node.js how to send and store data from a simple HTML form

我是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表單來提出請求。

在此處輸入圖片說明

您如何定義模型模式(數據庫)或集合:您可以檢查響應的值。

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM