Question

我有一个Java Struts1应用程序，我需要在表单提交之间进行“请等待”动画。

我尝试使用此功能在Struts中执行此操作 - ＆gt; StrutsPleaseWait但是如果您使用动画GIF，gif会在重定向后冻结。

然后我尝试用jQuery jQuery Form Plugin来做这件事，但我不能让它与IE（7）一起使用，它在ajax新页面创建后无法识别jquery。

有很多网站都有这个功能，那么最好的方法是什么？

这也让我想到，是否有任何java MVC框架都内置了与动画配合使用的功能？

我的jQuery解决方案的代码摘录如下：

<script type="text/javascript" src="../../../js/jquery.form.js"></script>
<script> 
$(document).ready(function() {
        var options = { 
                cache: false,
                type : "POST",                  
                beforeSubmit: function(arr, $form, options) {                        
                    showLightbox("pwait");                                  
                    },          
                success: function(responseText, statusText, xhr, $form) {  
                    //$("html").html(responseText); //DOES NOT WORK PROPERLY IN FFox, changes the font sizes!

                                    //DOES NOT WORK IN IE, jquery not recognised on new page thats created.
                    document.open();
                    document.write(responseText);
                    document.close();  
                    hideLightbox("pwait");
            }                   
        };  
        $('#myForm').ajaxForm(options);
    }); 
</script>

谢谢

Answer 1

使用

beforeSend

而不是

beforeSubmit

像这样

beforeSend: function (arr, $form, options) { showLightbox("pwait"); },

如何在表格提交之间显示Struts1 / jQuery app中的'Please Wait Loading ..'动画Gif？

1 个答案: