如何在表單提交之間顯示'Please Wait Loading ..'Struts1/jQuery應用程序中的動畫Gif？

我有一個Java Struts1應用程序，我需要表單提交之間的「請稍候」動畫。如何在表單提交之間顯示'Please Wait Loading ..'Struts1/jQuery應用程序中的動畫Gif？

我試過在Struts中使用這個 - >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>

謝謝

來源

2013-03-20 Jules

不知道更多就難以/不可能幫助。如果它說jQuery沒有被識別，那麼jQuery沒有被加載 - 這應該很容易診斷。儘管使用IE瀏覽器很難說 - 但jQuery處理大多數針對Ajax /等瀏覽器的特定問題，這是動畫效果不應該出現的問題。 – 2013-03-20 12:40:16

嗨戴夫，是的jQuery沒有被加載在IE中後，頁面與document.write寫入。我很驚訝沒有更多的信息在網絡上有關如何做到這一點考慮有多少網站。謝謝 – Jules 2013-03-20 18:26:49

這取決於你如何加載jQuery，IMO你可能做錯了，但沒有足夠的信息繼續下去 - 你的問題幾乎沒有任何細節。 – 2013-03-20 21:59:00

使用

beforeSend

，而不是

beforeSubmit

這樣

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

來源

2013-05-20 15:30:33 PonrajPaul

好的謝謝，我會給它一個去看看它是否有效 – Jules 2013-05-20 18:37:38

如何在表單提交之間顯示'Please Wait Loading ..'Struts1/jQuery應用程序中的動畫Gif？

回答

相關問題