Belajar: AJAX&JSON

12.44

Assalamu'alaikum warrahmatullahi wabarakatuh.

Pada postingan kali ini saya akan menjelaskan mengenai AJAX&JSON.

Langsung saja, saya akan menjelaskan berdasarkan list di bawah ini :

Memiliki sebuah tombol yang jika di-klik akan mengambil judul pada tautan http://api.babyhanana.com/index.php/home/judul dan menampilkannya pada web Anda.
Memiliki sebuah tombol yang jika di-klik akan mengambil url gambar pada tautan http://api.babyhanana.com/index.php/home/gambar dan menampilkan gambarnya pada web Anda.
Memiliki sebuah tombol yang jika di-klik akan mengambil daftar kategori pada tautan http://api.babyhanana.com/index.php/home/kategori dan menampilkan setiap kategori tersebut pada web Anda dengan menggunakan elemen <li>.
Memiliki sebuah tombol yang jika di-klik akan mengambil daftar kategori dalam format JSON pada tautan http://api.babyhanana.com/index.php/home/kategori_json dan menampilkan setiap kategori tersebut pada web Anda dengan menggunakan elemen <li> (gunakan for).
Memiliki sebuah tombol yang jika di-klik akan mengambil daftar kategori beserta produknya dalam format JSON pada tautan http://api.babyhanana.com/index.php/home/kategori_produk dan menampilkan setiap kategori tersebut pada web Anda dengan menggunakan elemen <li> beserta setiap produk kategori tersebut dengan juga menggunakan elemen <li>.
Memiliki sebuah input untuk memasukkan nama kategori dan sebuah tombol yang jika di-klik akan mengambil daftar produk untuk kategori tersebut dalam format JSON pada tautan http://api.babyhanana.com/index.php/home/produk_by_kategori dengan parameter "kategori" dan menampilkan setiap produk tersebut pada web Anda dengan menggunakan elemen <li>.
Memiliki sebuah input untuk memasukkan pesan dan sebuah tombol yang jika di-klik akan mengirimkan paremeter "pesan" dengan method "POST" dalam format JSON pada tautan http://api.babyhanana.com/index.php/home/kirim_pesan. Lihat halaman http://api.babyhanana.com/index.php/home/timeline untuk mengecek apakah pesan Anda berhasil terkirim atau tidak (refresh untuk melihat pesan baru ;d).
Memiliki sebuah list yang menampikan semua pesan yang diambil ada tautan http://api.babyhanana.com/index.php/home/pesan menggunakan elemen <li>.
(4 poin) Memiliki sebuah list yang menampikan semua pesan secara real time menggunakan elemen <li> dengan cara mengambil pesan baru pada tautan http://api.babyhanana.com/index.php/home/pesan_with_id_bigger_than dengan method "GET" dan parameter "last_id" yang merupakan id pesan terakhir yang sudah pernah diterima, yang diakses pesan baru setiap 5 detik.