显示下载图像

Question

我正在使用struts2.构建一个web应用程序我有一个表单用户单击提交按钮，我正在处理表单并重定向回到同一个jsp页面。 我想添加加载图片，以便用户可以理解正在处理的请求。 我试图通过在表单标记结束后编写脚本并在表单内添加图像但是无法在提交表单时正确添加图像。 我没有使用jquery，所以$.load()对我无用。 请任何人都可以帮助我。

在此先感谢

<script type="text/javascript"> 
    (function(d) { 
     alert("in"); 
     d.getElementById('loginform').onsubmit = function() { 
      alert("on submit"); 
      d.getElementById('submit').style.display = 'block'; 
      d.getElementById('loading2').style.display = 'block'; 
     }; 
    }(document)); 
</script> 

Answer 1

我发现了一个工作，看到加载图像。在这里发帖让其他人可以受益。
我带了一个gif图像，并将其添加到div标签内，并将css属性显示为块。

<div id="loading" style="position:absolute; width:100%; text-align:center; top:200px"> 
<img src = "images/loading.gif" width="70px" height="70px"/> </div> 

然后我写了一个javascript函数，我在事件onload上调用。在此函数中我将display属性设置为none。

function stopLoading() 
    { 
    document.getElementById('loading').style.display='none'; 
    } 

在我的情况下，我设置显示块，当我发送任何服务器请求并加载设置回显示无。
希望这对他人有帮助。

Answer 2

如果其重定向 - 这意味着你要发送的内容到服务器并返回回，在理想情况下意味着在提交页面的当前生命周期中发布的信息和新的后结束循环在返回时开始。

执行此操作的一种方法是在从服务器执行任何代码业务之前刷新加载映像。

在.NET中，我们有两个语句做到这一点：

Response.Write("your loading image in html format"); 
Response.Flush(); 

因此，即使之前的全部内容被装回浏览器，它的一部分被发送到客户端。