Untitled

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link type="text/css" rel="stylesheet" href="assets/css/bootstrap.min.css" >
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/jquery-3.3.1.slim.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <script type="text/javascript">

        function login() {
            var myData = $("#login").serialize();
            $.ajax({
                type: 'post',
                //dataType: "text",
                data: myData,
                url: "login.php",
                //cache: false,
                success:function(response){
                    alert('success');
                },
                error:function(xhr, ajaxOptions, thrownError){
                    alert('error');
                }
            });
        }
    </script>

</head>
<body>

    <nav class="navbar navbar-light bg-light">
        <form id="login" class="form-inline">
            <input class="form-control mr-sm-2" type="text" name="user">
            <input class="form-control mr-sm-2" type="password" name="pass">
            <button class="btn btn-outline-warning my-2 my-sm-0" type="button" onclick="login()">Entrar</button>
        </form>
    </nav>

</body>
</html>