Membuat Form POST di Nodejs

Posted by Admin on 23 April 2018, 21:30 nodejs, expressjs

Berikut adalah contoh form sederhana dengan metode POST. Dari sisi nodejs akan merespon hasil form submit dan menampilkan hasil post yang dikirim.

Karena project yang akan dibuat menggunakan framework expressjs, maka install dahulu expressjs pada folder project yang masih kosong.

npm install express --save

Selanjutnya buat file app.js dengan isi berikut

var express = require('express');
var app = express();
var bodyParser = require('body-parser');
 
var urlencodedParser = bodyParser.urlencoded({extended:false})
 
app.use(express.static('public'));
app.get('/form.htm',function(req,res){
  res.sendFile(__dirname +"/"+"form.htm");
})
 
app.post('/process_post', urlencodedParser, function (req, res) {
   // Prepare output in JSON format
   response = {
      first_name:req.body.first_name,
      last_name:req.body.last_name
   };
   console.log(response);
   res.end(JSON.stringify(response));
})
 
app.listen(8080,"192.168.1.15");

Lalu buat file form.htm dengan isi berikut

<html>
   <body>
      <form action = "http://192.168.1.15:8080/process_post" method = "POST">
         First Name: <input type = "text" name = "first_name"> <br>
         Last Name: <input type = "text" name = "last_name">
         <input type = "submit" value = "Submit">
      </form>
   </body>
</html>

Jalankan file app.js dari terminal dengan perintah

node app.js

Setelah itu buka browser dengan alamat ip server Anda sehingga akan muncul seperti berikut

Form Post Nodejs

Ketika Form di Submit, maka akan keluar hasil berikut

Form Post Nodejs

Selesai