흰 스타렉스에서 내가 내리지

[php] 간단한 로그인 구현 본문

php

[php] 간단한 로그인 구현

주씨. 2022. 1. 9. 13:56
728x90
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
    <script>
        $(function(){
            var $frm = $(".login_f");
            $frm.on("submit", function(e){
                e.preventDefault();    // [submit] 버튼을 눌러도 action 페이지로 이동하지 않습니다.
                var myData = $frm.serialize();    //사용자가 폼 입력 요소에 작성한 값을 쿼리 스트링 형식의 데이터로 변환하여 myData에 대입한다.
                
                $.ajax({
                    type:"POST",
                    url:$frm.attr("action"),
                    data:myData,
                    success:function(res){
                        if(res){
                            //res에 요청한 데이터를 받아온다. 그런 다음 res를 json 형식으로 변형하여 jsonData에 대입
                            var jsonData = JSON.parse(res);
                            var message = jsonData.user_name + "(" + jsonData.user_id + ")" + "님 반갑습니다.";
                            $(".login_wrap").html(message);
                        }
                    }
                });
            });
        });
    </script>
</head>
<body>
    <div class="login_wrap">
        <h1>로그인</h1>
        <form class="login_f" method="post" action="login_ok.php">
            <p>
                <label for="user_id">아이디</label>
                <input type="text" name="user_id" id="user_id" value="1avn">
            </p>
            <p>
                <label for="user_pw">비밀번호</label>
                <input type="password" name="user_pw" id="user_pw" value="12345">
            </p>
            <p><input type="submit" value="로그인" class="login_btn" /></p>
        </form>
    </div>
</body>
</html>
<?php
	if(!isset($_POST['user_id']) || !isset($_POST['user_pw']))
        exit;

    $user_id = $_POST['user_id'];
    $user_pw = $_POST['user_pw'];

    $members = array(
        '1avn'=>array('pw'=>'12345', 'name'=>'1여단'),
        '2avn'=>array('pw'=>'12345', 'name'=>'2여단')
    );

    if(isset($members[$user_id]) && $members[$user_id]['pw']==$user_pw){
        echo '{"user_id" : "'.$user_id.'", "user_name" : "'.$members[$user_id]['name'].'"}';
    }
?>

저작자표시