TUGAS 7 PWEB : Mencoba Teknologi AJAX

 

AJAX memiliki kepanjangan Asynchronous Javascript And XML merupakan suatu teknik baru dalam dunia web tapi bukan merupakan bahasa pemrograman yang baru. Dikembangkan sekitar 2-3 tahun yang lalu, AJAX mulai dilirik oleh para web desainer dan programmer. Hal ini dikarenakan AJAX tidak perlu melakukan proses loading page (refresh page) atau pindah ke page yang lain. AJAX dapat diintegrasikan dengan server side programming seperti PHP, ASP, JSP dll.

Pada kesempatan kali ini, dilakukan percobaan teknologi AJAX melalui pembuatan web berupa pengambilan data yang diambil dari file HTML lain, satunya lagi yaitu filter daerah di Indonesia berdasarkan database daerah.sql.

Untuk akses bisa melalui link berikut https://amanullahddd.github.io/CobaAjax/

Untuk dokumentasi source code bisa dilihat lewat github

^ tampilan awal

 1. Request Data

Menampilkan web berisi tombol untuk mengganti kalimat yang ditampilkan menjadi isi dari file HTML lain.

^ tampilan request data

2. Filter Daerah

Menampilkan web berisi opsi pilihan daerah yang diambil dari database daerah.sql yang telah disediakan.

^ tampilan filter daerah

Tampilan di atas hanya sekadar ilustrasi, untuk dapat bekerja perlu membangun database misalnya memanfaatkan mysql pada xampp. Start Apache > Start MySQl > Buka localhost di browser > Buat database baru filter_daerah > import daerah.sql > kerjakan folder source code di direktori C:/xampp/htdocs/filter > Buka localhost/filter di browser

^ hasilnya kurang lebih seperti di atas

Sekian TUGAS 7 PWEB : Mencoba Teknologi AJAX.