Mengubah File JSON Menjadi Object Melalui AJAX

Hai bertemu lagi dengan saya pada dumet blog pada pembahasan kali ini kita akan melanjutkan materi tentang JSON dimana kita akan mengubah String menjadi Object data yang dimana datanya dari file JSON lalu kita tampilkan ke elemennya HTMLnya. Oke untuk mendapatkan string dari file JSON nama metode adalah responseText kita coba lihatkan pada console.lognya

hasil pada console lognya akan seperti ini

tentu saja kita tidak mau mendapatkan data mentahnya yang kita mau kita dapat mengakses setiap objeknya tersebut. Untuk mendapatkan dari setiap objectnya maka kita gunakan metode JSON.parse yang kita pindahkan pada satu object yaitu data sebagai berikut

untuk melihatnya kita tampilkan pada console.lognya dan kita sudah berhasil membuat file JSON kita menjadi sebuah object yang tentu saja kita bisa akses satu persatu

artinya jika ketikkan pada consolenya data.nama maka kita dapatkan nilai dari object tersebut. Saya langsung berikan contohnya yang akan kita tampilkan pada elemen HTMLnya. Saya tambahkan event onclick ketikan elemennya di klik maka kita tampilkan namanya disitu

Saya berikan fungsi ambilNama dan kemudian kita buat fungsi di javasciptnya dengan mengakses nama idnya dan kita ubah textnya dengan innerHTMLnya

ketika kita klik maka akan terlihat seperti ini

kita sudah berhasil menjalankan fungsinya dan data tersebut didapatkan dari request AJAXnya. Semoga Bermanfaat

29 Maret 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat