Setelah kemarin kita sudah belajar format JSON dengan menggunakan php sekarang kita akan belajar JSON untuk penggunaan javascript yaitu cara menggunakan JSON stringify dan JSON parse, seperti yang kita bicarakan kemarin JSON sendiri turunan dari javascript, karena kedua format ini sering digunakan apalagi ketika kita menggunakan Rest API ya, oke untuk penjelasan tentang JSON itu apa saya rasa teman-teman bisa lihat langsung pada artikel saya sebelumnya saja ya, oke janagan kemana-mana simak terus ya teman-teman.

Sedikit rumit ketika kita menggunakan JSON pada sebuah javascript karena pada saat kita ingin mendapatkan data JSON di file lain kita harus membutuhkan ajax setelah itu baru kita parse data JSON tersebut, langsung saja saya jelaska JSON stringify dimana JSON stringify sendiri kita ibaratkan seperti json encode kemarin yaitu merubah data json menjadi object, dan sekarang kita lihat contohnya.

Disini saya membuat template index.php dimana file index tersebut ter generate ke scriptnya, yaitu proses.js. sekarang kita lihat proses.js nya

Jika kita langsung lihat data Array di atas, maka kita akan mendapatkan data object buka JSON, tidak percaya kita lihat hasilnya di console.log ya

cara menggunakan JSON stringify dan JSON parse

jika kita tidak menggunakan json stringify maka seperti itu, caranya untuk mengubahnya silahkan teman-teman tambahkan JSON.stringify di console.lognya seperti ini

jika sudah kita lihat console.log lagi, kita refresh

cara menggunakan JSON stringify dan JSON parse

Sekarang kita sudah berhasil merubah data object tersebut menjadi data JSON, oke sekarang kita masuk kedalam contoh pembuatan json parse, seperti yang saya tulis di atas untuk menggunakan JSON parse kita harus menggunakan ajax untuk mendapatkan data filenya, berbeda dengan file_get_contents seperti yang ada di PHP disini caranya cukup panjang menggunakan ajax javascript, seperti ini

jadi di dalam javascript kita parse pada saat mendapatkan responseTextnya, jika sudah silahkan teman-teman lihat hasilnya, mungkin hasilnya sama seperti JSON yang kemarin karena saya menggunakan data file JSON yang kemarin ya, dan saya rasa cukup sampai disini belajar kita tentang cara menggunakan JSON stringify dan JSON parse semoga bermanfaat dan sampai jumpa pada artikel berikutnya terimakasih.

 

WhatsApp chat