MENANGANI JSON RESPONSE DI BROWSER DI NODE.JS

Sering kali, saat bekerja dengan aplikasi web, kamu harus menangani respon berformat JSON. Di Node.js, proses ini bisa dilakukan dengan cara yang cukup sederhana. Artikel ini akan membahas langkah-langkah yang bisa kamu ikuti.

Langkah Menangani JSON di Node.js

Menggunakan fetch

Cara yang paling umum untuk mendapatkan dan menangani JSON di browser adalah dengan menggunakan fetch. Berikut contoh penggunaannya:

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => {
    console.log(data);
    // Lakukan sesuatu dengan data
  })
  .catch(error => {
    console.error('Ada masalah saat mengambil data:', error);
  });

Memproses Data JSON

Setelah mendapatkan data JSON, kamu bisa melakukan berbagai operasi. Berikut beberapa contoh bagaimana kamu bisa memprosesnya:

• Menampilkan di Konsol: Seperti contoh di atas, kamu bisa melihat data JSON di konsol untuk memahami struktur dan isinya.
• Manipulasi Data: Kamu bisa memfilter, mengubah, atau menyusun ulang data sesuai kebutuhan aplikasi.
• Memasukkan ke DOM: Gunakan data untuk memperbarui tampilan di halaman web.

Menangani Kesalahan

Penting untuk menangani kesalahan ketika bekerja dengan JSON. Misalnya, pastikan server merespon dengan benar dan data yang dikembalikan dalam format yang diharapkan.

fetch('https://api.example.com/data')
  .then(response => {
    if (!response.ok) {
      throw new Error('Jaringan bermasalah');
    }
    return response.json();
  })
  .then(data => {
    // Lakukan sesuatu dengan data
  })
  .catch(error => {
    console.error('Ada masalah:', error);
  });

Mengimplementasikan langkah-langkah ini akan membantu kamu dalam menangani data JSON dengan efisien menggunakan Node.js di dalam browser. Selalu tes dan penanganan kesalahan dengan baik untuk memastikan aplikasi berjalan dengan lancar.