icon logo wibloog.comWibloog
  • Teknologi
  • Otomotif
    Motor
    Mobil
  • Gadget
    Smartphone
    Apps
  • Tips dan Ulasan
  • Olah Raga
  • Fashion
  • Pendidikan
  • Kuliner
  1. Home
  2. Informasi Tentang Teknologi dan Komputer

  3. Tutorial

Tutorial Cara Membuat Login Menggunakan Ajax Javascript
  • 25 Juni 2020
  • 1.90 K
  • Admin@Wibloog
  • Picture by : #

Tutorial Cara Membuat Login Menggunakan Ajax Javascript

Login menggunakan Ajax adalah teknologi yang sudah banyak dipakai dibeberapa sistem berbasis web, dimana proses loginnya tanpa melakukan proses semua halaman, melainkan diproses di balakang layar menggunakan bahasa javascript. Kali ini penulis akan membuat bagaimana cara login menggunakan ajax, tanpa melakukan load halaman, teknik ini merupakan teknik pemrograman dasar javascript.

Tutorial ini melanjutkan dari apa yang sudah di share pada artikel sebelumnya yaitu Cara Membuat Login Hash Menggunakan Password Verify di PHP

Pada tutorial tersebut menggunakan sistem post single page dengan bahasa PHP, dari tutorial tersebut penulis akan mengembangkan dengan menggunakan ajax javascript.


Form Login

Silakan buat tutorial sebelumnya, saya cantumkan linknya di atas sampai tahap pedaftaran saja, karena pada form login kita akan modifikasi mejadi dua file terpisah, file yang pertama adalah form login, file yang kedua adalah PHP proses untuk loginnya.

Silakan buat file login.html atau login.php tergantung dengan kebutuhan, kali ini penulis menggunakan login.html, halaman ini digunakan untuk input email dan password, pada file ini disertakan file javascript untuk melakukan login dan menerima feedback dari proses login.

Proses Login

Step selanjutnya adalah membuat file proses login menggunakan PHP, silakan buat file dengan nama proses_login.php, filie ini digunakan untuk menerima inputan yang ada di form login, yang di kirim melalui fungsi kirim_login dengan menggunakan javascript, selanjutnya file ini akan memeriksa inputan yang dikirim, setelah diproses kemudian akan diarahkan diberikan feedbacknya ke halaman login.

Halaman Beranda

Step selanjutnya adalah membuat halaman beranda, fungsi file ini adalah untuk menampilkan redirect atau link yang diarahkan oleh javascript tersebut, silakan buat nama filenya beranda.php, pada file tersebut penulis tambahkan session untuk mengambil data nilai ID yang login.

Demikian tutorial ini dibuat, Terima kasih telah berkunjung di artikel kami, Selamat mencoba

Artikel Terbaru

Alternatif Pasang Internet untuk Rumahan
Teknologi dan Komputer 06 Maret 2021
Apakah Jumlah Kata Mempengaruhi Faktor Kualitas Blog
Tips dan Ulasan 05 Maret 2021
Tantangan Berat Jadi seorang Blogger
Tips dan Ulasan 01 Maret 2021
Cara Membuat Pencarian Multiple Keyword di PHP Mysql
Teknologi dan Komputer 27 Februari 2021
Cari tahu Dari Mana Penghasilan Seorang Blogger
Tips dan Ulasan 26 Februari 2021
Realita Bersepeda di Jalan Perkotaan
Olahraga 22 Februari 2021
Realita Jadi Seorang Programmer
Teknologi dan Komputer 20 Februari 2021
Cara Beli Tiket Kereta Api di Bukalapak
Tips dan Ulasan 16 Februari 2021
7 Kelebihan iPhone Dibanding Ponsel Android
Gadget 14 Februari 2021

Komentar

Tinggalkan Komentar Disini


Artikel Terkait

Alternatif Pasang Internet untuk Rumahan
Alternatif Pasang Internet untuk Rumahan
Cara Membuat Pencarian Multiple Keyword di PHP Mysql
Cara Membuat Pencarian Multiple Keyword di PHP Mysql
Realita Jadi Seorang Programmer
Realita Jadi Seorang Programmer
Iklan Web Hosting Dewaweb Lucu
Iklan Web Hosting Dewaweb Lucu
Blog Tanpa SEO Apakah Bisa Page One Google?
Blog Tanpa SEO Apakah Bisa Page One Google?
Cara Logout Gmail Dari Device yang Pernah Digunakan
Cara Logout Gmail Dari Device yang Pernah Digunakan
Kenapa Saya Pilih Linux, Berikut ini Ulasannya
Kenapa Saya Pilih Linux, Berikut ini Ulasannya
Alasan Kenapa Banyak Orang Pakai Blogspot Untuk Cari Uang di Internet
Alasan Kenapa Banyak Orang Pakai Blogspot Untuk Cari Uang di Internet
Kenapa Backup Data Server itu Penting, Berikut ini Ulasannya
Kenapa Backup Data Server itu Penting, Berikut ini Ulasannya
Tribunnews Selalu Menduduki Halaman satu Google, Bagaimana Bisa?
Tribunnews Selalu Menduduki Halaman satu Google, Bagaimana Bisa?
Rekomendasi Macbook Bekas Tahun 2021 dengan Budget Minim
Rekomendasi Macbook Bekas Tahun 2021 dengan Budget Minim
Cara Buat Daftar Pustaka Otomatis Pakai Mendeley
Cara Buat Daftar Pustaka Otomatis Pakai Mendeley
Cara Mudah Verifikasi Domain Google Search Console Hosting Cpanel
Cara Mudah Verifikasi Domain Google Search Console Hosting Cpanel
Perkembangan Google dan Logo dari Generasi Pertama Hingga Sekarang
Perkembangan Google dan Logo dari Generasi Pertama Hingga Sekarang
10 Tips Penting SEO Gambar Yang Perlu Anda Ketahui
10 Tips Penting SEO Gambar Yang Perlu Anda Ketahui

Jasa Buat Blog

Tentang Kami

Wibloog adalah portal informasi yang memuat sebuah artikel yang mengulas tentang perangkat komputer, gadget, teknologi, motor, mobil, fashion, pendidikan, kuliner

Lebih Lanjut ...

Informasi Situs

Kontak
Disclaimer
Sitemap
Jasa Buat Blog
Facebook
DMCA.com Protection Status wibloog.com

© 2019 Wibloog. All Rights Reserved