Tugas 7 AJAX

 Pada tugas ke 7 ini, saya membuat aplikasi web yang menerapkan AJAX sederhana menggunakan XMLHttpRequest untuk menampilkan tampilan sesuai dengan yang dipilih oleh pengguna pada button. Untuk selebihnya bisa dilihat melalui deployment dan source code sebagai berikut.

Tampilan Halaman awal

Tampilan ini digunakan untuk memilih berdasarkan tugas yang ingin dibuka


Source code


Source code Script

Untuk mengimplementasikan XMLHttpRequest di tiap pagenya, saya menyatukannya ke dalam satu script


Source code Request Data

fungsi yang ada di script akan direquest ke text.html untuk tugas ke-2 dan fungsi getText(), getFakultas(), dan getDept() yang ada di script akan direquest ke fakultas.JSON untuk tugas ke-2

Source code


Tampilan untuk menampilkan teks menggunakan ajax

Disini awalnya tidak menampilkan apa-apa tetapi setelah ditekan tombol trigger maka akan menampilkan teks menggunakan function getText()



Source code


Tampilan untuk menampilkan pilihan departemen berdasarkan fakultas yang dipilih

Disini langkah pertama akan menampilkan daftar fakultas yang menggunakan function getFakultas() dan setelah dipilih akan mentriger function getDept()



Source code

Komentar

Postingan populer dari blog ini

Tugas 10 Text Editor

Tugas 5 Rekayasa Kebutuhan: Analisis Kebutuhan Aplikasi