How to Read HTML Control Value using BodyParser in Nodejs

Posted at : Oct/11/2016
611 Views | 0 Comments

Untuk membaca nilai dari kontrol-kontrol yang terdapat di halaman web yang di host dalam sebuah Node.js server dibutuhkan package berupa body-parser yang harus diinstal dalam aplikasi node.js. Tanpa package tersebut aplikasi tidak akan dapat membaca parameter-parameter dalam body html. Body parser dapat diinstal melalui npm tools ke dalam project.

Contoh penggunaan package tersebut akan disimulasikan dalam penggunaan sebuah form login yang memiliki dua kontrol text berupa username dan password, dan juga sebuah tombol submit. View engine yang digunakan dalam contoh yaitu handlebars yang didapatkan dari package express-handlebars. Tentunya anda dapat menggunakan view engine apapun selain handlebars, misalnya jade, ejs, atau yang lainnya. Tools yang digunakan dalam contoh ini yaitu Visual Studio Code, dan tentunya lagi anda dapat menggunakan code editor apapun :-). Mari kita simak langkah-langkahnya:

1. Buat sebuah folder untuk di load dari code editor.

2. Buat file-file berikut ini dalam sebuah struktur project berikut:

3. Download package-package berikut ini ke dalam project: 

4. Ketikkan kode berikut ini ke dalam file index.hbs:

5. Ketikkan kode berikut ini ke dalam file info.hbs:

6. Ketikkan kode berikut ini ke dalam file app.js:

Perhatikan deklarasi variabel pada baris ke-2 untuk load module body-parser dan baris ke-16, baris ke-17 agar aplikasi dapat membaca parameter body. Untuk membaca parameter body gunakan req.body.namaparameter dari sebuah routing seperti yang dapat dilihat pada baris ke-24.

7. Lakukan input data kedalam form login sesuai dengan kode logic yang terdapat di dalam app.js untuk method post:

 

Halaman info akan menampilkan tampilan berikut ini apabila input login tidak sesuai:

Selamat mencoba :-)


[Comments]


[Write your comment]

Name (required)

Email (required-will not published)

 
Comment
HL90
Input code above below (Case Sensitive) :

ABOUT ME

Rully Yulian MF
Rully Yulian Muhammad Firmansyah | Founder & IT Trainer Native Enterprise | MCT (2008-2019) | MVP (2009-2016) | Xamarin Certified Professional | MTA | MCAD | MCPD | MOS | Bandung, West Java, Indonesia.

[Read More...]

TOP DOWNLOAD

Mapping Hak Akses User Pada MenuStrip Sampai Control Button
downloaded 6918 times

Bagaimana caranya menginstal database ketika deploying sebuah aplikasi?
downloaded 4874 times

Simple Voice Engine Application With Sound Player Class...
downloaded 4012 times

Change Group,Sort Order, Filtering By Date in Crystal Reports
downloaded 3455 times

WinForms DataGrid Paging With SqlDataAdapter
downloaded 2869 times


LINKS

CERTIFICATIONS

Xamarin Certified
MOS 2007
MCT
MCPD
MCTS
MCAD.NET
ASP.NET Brainbench

NATIVE ENTERPRISE

Native Enterprise - IT Training

FOLLOW ME

Youtube  Facebook  Instagram  LinkedIn   Twitter

RSS


HOSTED BY

www.erudeye.net

NATIVE ENTERPRISE NEWS

© Copyright 2006 - 2021   Rully Yulian MF   All rights reserved.