Kirim Data Array PHP ke Javascript

Postingan kali ini saya akan membahas mengenai Kirim Data Array PHP ke Javascript, mungkin sering kita ketahui bersama cara untuk mengirim data dari php ke javascript salah satunya yaitu menggunakan fungsi $.get() pada jquery. Namun pada kondisi tertentu bisa saja data yang kita kirim itu tidak sedikit & bisa dibilang dari berbagai variable. Oleh karena itu data yang kita kirim harus disimpan pada sebuah data array terlebih dahulu supaya lebih mudah.
Adapun salah satu syaratnya supaya proses ini dapat berjalan yaitu data yang dikirim haruslah sudah diencode json terlebih dahulu.

1.Encode JSON untuk kirim data array PHP ke Javascript

pada posting kali ini saya mencontohkannya pada codeigniter

//controller CI
public function get_data_user()
{
$data['id'] = 1;
$data['nama'] = "Agus Wicaksono";
$data['alamat'] = "Bekasi";		
echo json_encode($data);
}

 2. Membuat ParseJSON pada Javascript

Kemudian pada Javascript nya bisa kita buatkan script seperti ini :

$.get('/sekolah/usr/c_user/get_data_user', function(data,status) {  
            var data_user = $.parseJSON(data);
});

Dengan proses tersebut variable data_user sudah menjadi object pada javascript.

Selanjutkan untuk menampilkan data yang dikirim tadi bisa ditambahkan script seperti dibawah ini :

$.get('/sekolah/usr/c_user/get_data_user', function(data,status) {  
            var data_user = $.parseJSON(data);
  console.log(data_user.id); // output : 1
  console.log(data_user.nama); // output : Agus Wicaksono
  console.log(data_user.alamat); // output : Bekasi
});

Bagaimana cukup sederhana dan mudah kan. semoga postingan mengenai kirim data array php ke javascript ini bisa bermanfaat bagi kita semua ya. salam bebas ngoding. 😀

4 Comments

    • itu saya contohkan dari framework CI, sudah dijelaskan juga diatas. klo kamu pakai php native ya tinggal ditambahkan .php saja.

Leave a Reply

Your email address will not be published.


*