jquery - 无法登录/等待消息并重定向 html/css/ajax

Question

我使用简单的登录页面(html/css/ajax)来登录用户。 我有一些我想做的东西，非常感谢您的意见。

1) 如果未经授权，您如何制作登录失败消息？我想让它只说未经授权，而不是硬弹出。

2) 等待消息也是如此。我如何提醒用户在重定向之前等待 5 秒左右(我希望消息也最好弹出)？ 一旦用户登录，我就使用 window.location = url 作为重定向。 另外，有没有办法在生产时对用户隐藏 window.location？

还有一个带有用户名/密码的简单 html 页面。

<script type="text/javascript">
    $('form').submit(function(){
                     $.ajax({
                            type: "Post",
                            url: $('form').attr('action'),
                            data: $(this).serialize(),
                            success: function (result) {
                            window.location = 'http://login/user/login/';
                            }
                            });
                                          return false;
                     });
    </script>

</body>
</html>

Answer 1

1) 可能你想要注入(inject) html

2) 等待你可以使用setTimeout功能。第二部分，你不能隐藏 javascript 函数，因为它们在客户端运行，客户端需要下载源代码才能运行。

编辑:

只需通过 HTML DOM 即可

<p id="demo" onclick="myFunction()">Click me to change my HTML content (innerHTML).</p>

function myFunction() {
    setTimeout(function() {
        document.getElementById("demo").innerHTML = "Paragraph changed!";
    }, 2000);
}

DEMO

编辑 2: html

<p id="my-message-for-login">my login message</p>

JavaScript

$.ajax({
    type: "post",
    url: $('form').attr('action'),
    data: $(this).serialize(),
    success: function (result) {
        if(result == 'isLoggedSuccessfuly') {
            $("#my-message-for-login").text("You are logged and you will be redirected in 2 seconds");
            setTimeout(function() {
                window.location.href = '/you/are/logged/page';
            }, 2000);
        }
        else {
            $("#my-message-for-login").text("Something wrong! You are NOT logged");
        }
    }
});