[英]Show loading image
我正在使用struts2.
构建Web应用程序struts2.
我有一个用户单击“提交”按钮的表单,并且正在处理表单并重定向回同一jsp
页面。 我想添加加载图像,以便用户可以理解请求正在处理中。 我尝试了以下方式:在form标记结束后编写脚本,然后将图像添加到表单中,但在提交表单时无法正确处理。 我没有使用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>
如果是重定向,则意味着您正在将内容发送到服务器并返回,这意味着在提交时页面的当前生命周期在发布信息后结束,而在返回时又开始新的周期。
一种方法是在从服务器处理代码中的任何事务之前先刷新加载映像。
在.net中,我们使用以下两个语句来实现:
Response.Write("your loading image in html format");
Response.Flush();
因此,即使在将全部内容重新加载到浏览器之前,它的一部分也会发送到客户端。
我找到了解决办法,以查看加载图像。 张贴在这里,以便其他人可以受益。
我拍了一张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';
}
在我的情况下,我在发送任何服务器请求时都设置了显示块,然后将设置加载回不显示任何内容。
希望这对其他人有帮助。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.