如何在单击提交按钮后将div显示为加载页面？

Question

我有一个登录表单，我可以获得用户名和密码。

现在我需要在用户点击提交按钮后显示加载页面。

我有一个包含＆＃34的div;您的进程正在加载＆＃34;。按下按钮后，需要使用Ajax调用加载此div。

我尝试使用以下代码，但它无法正常工作。

<script type="text/javascript">
    $(document).ready(function(){
        $("#loading").bind("ajaxSend", function() {
            $(this).show();
        }).bind("ajaxStop", function() {
            $(this).hide();
        }).bind("ajaxError", function() {
            $(this).hide();
        });
     });
</script>

Answer 1

将其隐藏在您的ajax成功回调中。像这样：

$(".your-loading-div").show();
$.ajax({
    url: 'mypage.html',
    success: function(){
        $(".your-loading-div").hide();
    },
    error: function(){
        $(".your-loading-div").hide();
        alert('failure');
    }
});