Akalvi Coding - Hallo sahabat coding!, selamat datang di blog Alkalvi Coding , kali ini kami akan membagikan tutorial sesuai dengan judul "Cara Membuat Sistem Login dengan JQuery AJAX".
Sebelum memulai tutorial nya kami akan sedikit memberi penjelasan apa itu JQuery? JQuery merupakan library Javascript yang digunakan para Programmer agar lebih mudah dan cepat dalam menulis kode Javascript. unutk lebih jelasnya silahkan teman-teman kunjungi situs resminya disini.
Selanjutnya kita akan membahas sidikit tentang apa itu AJAX? AJAX merupakan fungsi dan metode yang digunakan untuk memuat data dari sever tanpa loading di halam browser.
Baiklah itu sedikit penjelasan dari kami untuk lebih jelasnya silahkan teman-teman pelajari lebih lanjut apa itu JQuery AJAX.
LANJUT.........
Sekarang kita sudah sampai disesi tutorialnya, silahkan teman-teman persiapkan kebutuhan dalam ngoding ya.. :)
Pastikan komputer teman-teman terhubung dengan internet ya, karena kita memakai script nya online ya.
LANGKAH 1
Pada langkah ini silahkan teman-teman buat sebuah project di htdocs dengan nama folder loginwithjs
NEXT....
LANGKAH 2
Silahkan teman-teman buat struktur project seperti gambar dibawah ini ya, dan silahkan teman-teman dowload juga loading gif untuk kita sedikit berexperimen ya, hehehehe
LANGKAH 3
Saya rasa teman-teman sudah mengikuti langkah 1 dan 2 dengan baik ya, kalau belum silahkan scroll ke atas lagi ya.
oke... pada langkah ini kita akan mengsisi script setiap file yang kita buat di folder loginwithjs
LANJUT...
index.php
index.php ini kita akan isi dengan tampilan form loginya dan script JQuery AJAX nya
beranda.php file ini kita isi dengan tampilan halaman setelah kita login, jadi ceritanya gini.. ketika kita berhasil login maka akan dialihkan ke halaman ini, ngertikann!! hihihi
Selanjutnya kita buat script koneksi ke database nya, ooppppssss, sebelum itu teman-teman buat dulu ya database nya, sesuaikan nama database nya dengan koneksi dibawah ini ya!
kita buat script nya di koneksi.php ya!
NEXT....
Oke terakhir kita buat script aksi dari proses loginnya,
logincek.php
SELAMATTT....
Baiklah sampai sini teman-teman sudah mengikuti proses nya dari awal sampai selesai, sekarang silahkan teman-teman tes dibrowser masing-masing , semoga koding yang teman-teman buat tidak terjadi error, jika teman-teman ada kendala silahkan komen dibawah ya,
Oke terimakasih telah berkunjung,
DEMO
DOWLOAD SOURCE KODE NYA
Follow Us
Were this world an endless plain, and by sailing eastward we could for ever reach new distances