Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Login Dengan PHP Dan Javascript Di PHP Ajax

    Cara Membuat Login Dengan PHP Dan Javascript Di PHP Ajax

    Cara Membuat Login Dengan Php Dan Javascript Di Php Ajax. Login memakai Ajax ialah tehnologi yang telah banyak digunakan di sejumlah mekanisme berbasiskan situs, di mana proses loginnya tanpa lakukan proses semua halaman, tetapi diolah di balakang monitor memakai bahasa javascript. Ini kali penulis akan membuat bagaimanakah cara login memakai ajax, tanpa lakukan load halaman, tehnik ini sebagai tehnik pemrograman dasar javascript.

    Pada panduan itu memakai mekanisme post singgel page dalam bahasa PHP, dari panduan itu penulis akan meningkatkan dengan memakai ajax javascript.


    Cara Membuat Login Dengan PHP Dan Javascript di PHP Ajax Mysqli

    Form Login

    Silahkan buat panduan awalnya, saya sertakan linknya di atas sampai tahapan pedaftaran saja, karena pada form login kita akan modifikasi mejadi dua file terpisah, file yang pertama ialah form login, file yang ke-2 ialah PHP proses untuk loginnya.

    Silahkan buat file login.html atau login.php bergantung dengan keperluan, ini kali penulis memakai login.html, halaman ini dipakai untuk input e-mail dan sandi, pada file ini diikutkan file javascript untuk lakukan login dan terima masukan proses dari login.

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Form Login</title> <link rel="stylesheet" href=""> <script> function kirim_login() { xmlhttp = get_xml_http(); if (xmlhttp == null) { alert("Your borwser does not support the XMLHttpRequest object"); return } var url ="proses_login.php"; var content = get_content(); xmlhttp.open("POST", url, !0); xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xmlhttp.setRequestHeader("Content-length", content.length); xmlhttp.setRequestHeader("Connection", "close"); xmlhttp.onreadystatechange = state_changed; xmlhttp.send(content); function get_content() { var string = ""; var form = document.forms.form_login; string += form.email.name + "="; string += form.email.value; string += "&"; string += form.password.name + "="; string += form.password.value; string += "&"; string += form.login.name + "="; string += form.login.value; return string } function state_changed() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { var alert_data = document.getElementById('ajax_login').innerHTML = xmlhttp.responseText; if (alert_data.trim()== "Berhasil") { window.location.href ="beranda.php"; return !1 } } } } function get_xml_http() { if (window.XMLHttpRequest) { return new XMLHttpRequest() } if (window.ActiveXObject) { return new ActiveXObject("Microsoft.XMLHTTP") } return null } </script> </head> <body> <h1>Login Member </h1> <div style="margin: 20px;font-weight: bold;" id="ajax_login"></div> <form action="javascript:void(0);" method="post" name="form_login"> <table border="0"> <tbody> <tr> <td>Email</td> <td><input type="text" name="email"></td> </tr> <tr> <td>Password</td> <td><input type="password" name="password"></td> </tr> <tr> <td>&nbsp;</td> <td><input type="submit" onclick="return kirim_login();" name="login" value="Login"></td> </tr> </tbody> </table> </form> </body> </html>

    Process Login

    Tahap setelah itu membuat file proses login memakai PHP, silahkan buat file bernama proses_login.php, filie ini dipakai untuk terima inputan yang berada di form login, yang dikirim lewat peranan kirim_login dengan memakai javascript, seterusnya file ini akan mengecek inputan yang dikirimkan, sesudah diolah selanjutnya akan ditujukan diberi masukannya ke halaman login.

    <?php $host_db="localhost"; $user_db="root"; $pass_db=""; $nama_db="belajar"; $mysqli = new mysqli($host_db,$user_db,$pass_db,$nama_db); if(isset($_POST['login'])){ $email = $mysqli->real_escape_string($_POST['email']); $password = $mysqli->real_escape_string($_POST['password']); //cek user login $cek_login = $mysqli->query("select *from member where email='$email'"); $ktm_login = $cek_login->num_rows; $data_login = $cek_login->fetch_assoc(); if($ktm_login>=1){ //login email tersedia //verify password if(password_verify($password,$data_login['passwd'])){ echo "Berhasil"; //silakan buat session dan redirect disini session_start(); $_SESSION['id_member']=$data_login['id']; }else{ echo "Login gagal, Silakan coba lagi!"; } }else{ //login gagal, email tidak tersedia echo "Login gagal, Email tidak tersedia!"; } $mysqli->close(); } ?>

    Halaman User

    Tahap setelah itu membuat halaman teras, peranan file ini untuk tampilkan redirect atau link yang ditujukan oleh javascript itu, silahkan buat nama filenya index.php, pada file itu penulis tambah sesi untuk ambil data nilai ID yang login.


    <?php 
    session_start();
    $id_member = $_SESSION['id_member'];
    ?>
    <!DOCTYPE html>
    <html>
    <head>
    	<title>Halaman Beranda</title>
    </head>
    <body>
    <h1>Beranda Website</h1>
    <p>
    	Ini Merupakan Halaman Beranda Utama
    </p>
    </body>
    </html>

    Demikianlah artikel tentang cara membuat login php dengan ajax mysqli. semoga bermanfaat bagi semua pemula yang ingin belajar di dunia perkodingan.

    Posting Komentar untuk "Cara Membuat Login Dengan PHP Dan Javascript Di PHP Ajax"