Belajar Express JS | 5. Mendapatkan semua data (Read All Data – GET method)

Express JS adalah framework Node.js yang powerful dan fleksibel untuk membangun aplikasi web. Salah satu fitur yang penting dalam pembangunan aplikasi web adalah kemampuan untuk mengambil data dari server. Pada artikel ini, kita akan belajar bagaimana cara mendapatkan semua data dari server menggunakan metode GET di Express JS.

Langkah 1: Inisialisasi Proyek

Pertama-tama, pastikan Anda sudah memiliki proyek Express JS yang telah diinisialisasi. Jika belum, Anda bisa menginstalnya menggunakan perintah npm:


npm install express


Setelah itu, buatlah file server.js dan tambahkan kode berikut:


const express = require('express');
const app = express();
const port = 3000;

app.listen(port, () => {
console.log(`Server is running on port ${port}`);
});


Langkah 2: Membuat Endpoint untuk Mendapatkan Data

Selanjutnya, kita perlu membuat endpoint yang akan digunakan untuk mendapatkan semua data dari server. Kita akan menggunakan metode GET untuk endpoint ini. Berikut adalah contoh kode untuk membuat endpoint tersebut:


app.get('/data', (req, res) => {
// Fetch data from database or any other source
// Send the data as response
res.send('Ini adalah semua data dari server');
});


Langkah 3: Mengakses Data dari Client

Sekarang, kita dapat mengakses data dari client menggunakan AJAX atau metode lainnya. Berikut adalah contoh kode untuk mengambil data menggunakan AJAX:


fetch('/data')
.then(response => response.text())
.then(data => {
console.log(data);
});


Dengan demikian, kita telah berhasil mendapatkan semua data dari server menggunakan metode GET di Express JS.

Semoga artikel ini bermanfaat bagi Anda yang sedang belajar Express JS. Selamat mencoba!