How to Read HTML Control Value using BodyParser in Nodejs

Nodejs , Posted at : Oct/11/2016  
233 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

L902
Input code above below (Case Sensitive) :
About Me 
Rully Yulian MF
Rully Yulian Muhammad Firmansyah | Microsoft Certified Trainer | IT Trainer at Native Enterprise | IT Consultant | Software Developer | MCAD | MCPD | MOS | Bandung, West Java, Indonesia.
[Read More...]
Top Download 
Mapping Hak Akses User Pada MenuStrip Sampai Control Button : Downloaded 6083 times  
Bagaimana caranya menginstal database ketika deploying sebuah aplikasi? : Downloaded 4689 times  
Simple Voice Engine Application With Sound Player Class... : Downloaded 3554 times  
Change Group,Sort Order, Filtering By Date in Crystal Reports : Downloaded 3324 times  
WinForms DataGrid Paging With SqlDataAdapter : Downloaded 2706 times  
Links 
Certifications 
MOS 2007
MCT
MCPD
MCTS
MCAD.NET
ASP.NET Brainbench
Native Enterprise 
Follow Me 
Facebook   LinkedIn   Twitter
Syndication 
Hosted By 
Native Enterprise News 
© Copyright 2006-2016   Rully Yulian MF   All rights reserved.