Sebelumnya saya akan memberikan penjelasan singkat tentang AJAX. AJAX dalah singkatan dari Asynchronous JavaScript and XMLHTTP adalah suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif. Tujuannya adalah untuk memindahkan sebagian besar interaksi pada komputer web surfer, melakukan pertukaran data dengan server di belakang layar, sehingga halaman web tidak harus dibaca ulang secara keseluruhan setiap kali seorang pengguna melakukan perubahan. Pada tutorial kali ini saya akan mencoba membagi Cara Menyisipkan Form Login Menggunakan AJAX jQuery.

Kenapa kita menggunakan AJAX jQuery untuk meyisipkan form login saja? Karena dengan AJAX jQuery kita bisa meningkatkan interaktivitas, kecepatan, dan usability, maka dari itu saya akan memberikan langkah-langkah Cara Menyisipkan Form Login Menggunakan AJAX jQuery, berikut dalah langkah-langkahnya:

– Pertama teman-teman buat dulu file index.html dalam folder project yang dimana kita akan menyisipkan form.html kedalamnya berikut dalah kode htmlnya:

Di sini saya membuat file htmlnya menggunakan framework bootstrap. Coba teman-teman buka file index.htmlnya di browser lalau klik tombol masuk, maka tidak kan terjadi apa-apa, karena kita belum menyisipkan form.htmlnya

Cara Menyisipkan Form Login Menggunakan AJAX jQuery

– Ke-dua teman-teman buat file form.html-nya di simpan dalam folder form yang kita buat dalam folder projectnya:

– Ketiga kita akan menyisipkannya dengan menggunakan metode load(), metode load() adalah salah satu metode dalam AJAX jQuery, berikut kodenya:

Simpan kode scriptnya di bawah file jQuery-nya, Untuk penjelasan kode di atas saya sudah beri commenting pada baris kodenya. Coba teman-teman refresh file index.html yang telah kita buka tadi, lalu klik tombol masuk makan akan tampil form dan pemberitahuan sukses.

Cara Menyisipkan Form Login Menggunakan AJAX jQuery

Bagaimana teman-teman cukup mudahkan menyisipkan form login menggunakan AJAX jQuery. Selain mentisipkan form login kita bisa juga menyisipkan file lainnya tanpa harus me-reload seluruh halaman web yang berakibat website menjadi lambat dan kurang efektif.

Sekian tutorial kalai ini tentang Cara Menyisipkan Form Login Menggunakan AJAX jQuery. Semoga bermanfaat bagi teman-teman dan sampai jumpa lagi dalam tutorial berikutnya.