相关疑难解决方法(0)

在按钮单击时显示"加载"动画

我想做一些非常简单的事情.我的页面中有一个按钮.

<form action="/process" method="POST">
   <input class="btn btn-large btn-primary" type="submit" value='Analyze Topics'>
    </form>
Run Code Online (Sandbox Code Playgroud)

现在我想要的是用户按下此提交按钮.它显示"加载"gif动画,直到它从服务器获得响应.

但是我长期以来一直在苦苦挣扎.

我该如何实现?

html css ajax jquery

28
推荐指数
3
解决办法
17万
查看次数

jquery ajax beforesend

我有一个简单的ajax调用,它在beforeSend和on complete上执行一个函数.它们执行得很好但是beforeSend"看似"在成功之后才会被执行.在发送之前有一个"请稍候"通知.如果我在beforeSend中的函数之后放了一个休息,那么它将显示该通知然后点击成功.没有断点,那么它将坐在那里等待响应时思考,然后我的请等待通知将在成功命中后出现几分之一秒.所需的功能是在请求发送后立即显示通知,以便在等待响应时显示.

        $.ajax({
            type : 'POST',
            url : url,
            async : false,
            data : postData,
            beforeSend : function (){
                $.blockUI({
                    fadeIn : 0,
                    fadeOut : 0,
                    showOverlay : false
                });
            },
            success : function (returnData) {
                //stuff
            },
            error : function (xhr, textStatus, errorThrown) {
                //other stuff
            },
            complete : function (){
                $.unblockUI();
            }
        });
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-blockui

27
推荐指数
2
解决办法
6万
查看次数

标签 统计

jquery ×2

ajax ×1

css ×1

html ×1

javascript ×1

jquery-blockui ×1