Hallo teman-teman Dumet School. Kembali lagi dengan saya Shelli Ripati di kursus Web Design. Sebelummnya saya sudah membahas Cara Memanggil Struktur HTML Dengan Ajax Javascript Part1 dimana pada bagian artikel part 1 tersebut saya sudah membahas cara membuka modals dan menutupnya dengan menggunakan javascript. Untuk pembahasan tentang Cara Memanggil Struktur HTML Dengan Ajax Javascript Part2 saya akan lanjutkan pembahasannya yaitu menggabungkan struktur html modal dengan form inputnya dalam file yang berbeda.

Cara Memanggil Struktur HTML Dengan Ajax Javascript Part2 teman-teman bisa buat file baru yang berisi form input saja. Berikut ini contoh form inputnya ya, saya simpan di dalam folder app dengan nama form.php.

Jika sudah maka kita buat function load ajax javascriptnya di dalam file index.php yang sebelumnya kita sudah membuatnya pada bagian pertama. Dimana function ajax ini saya buat untuk memanggil isi file html yang ada di file form.php. Teman-teman bisa perhatikan script di bawah ini.

Setelah buat function load ajaxnya teman-teman jangan lupa tambahkan load_ajax() di dalam event click yang sudah di buat untuk membuka modalsnya agar function load_ajax dapat di jalankan. Seperti pada script di bawah ini.

Oke teman-teman, jika sudah selesai maka teman-teman bisa lihat tampilannya di browser masing-masing. Maka tampilannya akan seperti pada gambar di bawah ini.

Cara Memanggil Struktur HTML Dengan Ajax Javascript Part2

Demikian artikel tentang Cara Memanggil Struktur HTML Dengan Ajax Javascript Part2. Jadi dengan ajax javascript ini teman-teman bisa memanggil file dengan format php, html, txt ataupun json. Semoga artikel ini dapatĀ  bermanfaat untuk teman-teman dan selamat mencoba.