AJAX Login

<?php session_start(); ?>
<!DOCTYPE html>
<html>
    <head>
        <title>AJAX Login</title>
        <script type="text/javascript">
            function login(){
                var HTTP = new XMLHttpRequest();
                var uname = document.getElementById('username').value;
                var upass = document.getElementById('password').value;
                HTTP.open('POST','users.php');
                HTTP.setRequestHeader('Content-type','application/x-www-form-urlencoded');
                HTTP.send('login=&username='+uname+'&password='+upass);
                HTTP.onreadystatechange = function(){
                    if(HTTP.readyState == 4){
                        eval(HTTP.responseText);
                    }
                }
            }
            function logout(){
                var HTTP = new XMLHttpRequest();
                HTTP.open('POST','users.php');
                HTTP.setRequestHeader('Content-type','application/x-www-form-urlencoded');
                HTTP.send('logout=');
                HTTP.onreadystatechange = function(){
                    if(HTTP.readyState == 4){
                        eval(HTTP.responseText);
                    }
                }
            }
        </script>
    </head>
    <body>
            <div id="user_box">
<?php if(!isset($_SESSION['user_box'])){ ?>
                <form method="post" onsubmit="return false">
                    Username<br /><input type="text" id="username" /><br />
                    Password<br /><input type="password" id="password" /><br />
                    <input type="button" value="Login" onclick="login()" />
                </form>
<?php }else{echo $_SESSION['user_box'];} ?>
            </div>
    </body>
</html>