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