クライアントをエクスプレスサーバと話させるにはどうしたらいいですか？

Question

私はフロントエンドで入力したメッセージがサーバー上でホストされている別のWebページに投稿されるように、このインターフェイスをサーバーにリンクしようとしています。例えば ​​"こんにちは[名前]は、"

これはインターフェイスです：

<form id="loginformA" action="userlogin" method="post"> 
<div> 
    <label for="Insert message here">Message: </label> 
    <input type="text" id="message" name="message"></input> 
</div> 

、これは私がメッセージを投稿しようとしているサーバです：

var express = require('express'); 

var app = express(); 

app.use(express.static('public')); 

var bodyParser = require('body-parser'); 

app.use(bodyParser.urlencoded({ extended: true })); 

app.use(bodyParser.json()); 

app.post("/userlogin", function(request, response) { 
response.send("Hello " + request.body.message); 
    }); 

app.listen(process.env.PORT || 8080, process.env.IP); 

Iどうやってインターフェイスとサーバーを互いに話すのか分かりません。私もDBにすべてのメッセージを保存したいと思いますが、それは後で私がこれを理解した後です。

ありがとうございます！あなたのHTMLからの

Answer 1

今、あなたのフォームは/ userloginのに提出します。あなたはこのようなあなたのサーバーにそのルートを定義する必要があります

app.post('/userlogin', function(req, res){ 
res.send('Hello' + req.body.message); 
} 

req.bodyは基本的にこの場合は、フォームが提出した後のデータ、名前の入力のみである「というメッセージ。」

フォームをノードサーバーに送信する場合は、アクションが同じ名前のルートまたはメソッドに対応することを確認してください。

Answer 2

...

app.post('/userlogin', function(request, response) { 
    response.send("Welcome, your message is: " + request.body.message); 
});