Javascript 显示加载图像
我正在使用Javascript 显示加载图像,javascript,html,javascript-events,Javascript,Html,Javascript Events,我正在使用struts2构建一个web应用程序。我有一个表单,用户点击提交按钮,我正在处理表单并重定向回同一jsp页面。 我想添加加载图像,以便用户能够理解正在处理的请求。 我试着在表单标记结束后编写脚本,并在表单中添加图像,但在提交表单时未能正确完成。 我没有使用jquery,因此$.load()对我没有用处。 谁能帮我一下吗 提前谢谢 <script type="text/javascript"> (function(d) { alert("in");
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>
(职能(d){
警报(“in”);
d、 getElementById('loginform')。onsubmit=function(){
警报(“提交时”);
d、 getElementById('submit').style.display='block';
d、 getElementById('loading2')。style.display='block';
};
}(文件);
如果是重定向,则表示您正在将内容发送到服务器并返回,这在理想情况下意味着在提交时,页面的当前生命周期在发布信息后结束,新的生命周期在返回时开始
实现这一点的一种方法是在从服务器对代码执行任何业务之前刷新加载映像
在.net中,我们通过两条语句来实现:
Response.Write("your loading image in html format");
Response.Flush();
因此,即使在将整个内容加载回浏览器之前,也会将其中的一部分发送到客户端。我找到了一种方法来查看加载的图像。张贴在这里,以便其他人可以受益
我拍摄了一张gif图像,并将其添加到一个div标记中,并将css属性显示为block
<div id="loading" style="position:absolute; width:100%; text-align:center; top:200px">
<img src = "images/loading.gif" width="70px" height="70px"/> </div>
在我的例子中,我在发送任何服务器请求时设置显示块,并将设置重新加载为显示无。
希望这对其他人有帮助。谢谢Chandra Sekhar Walajapet…..需要检查如何将其映射到javascript您需要检查如何使用struts完成,因为我给出的代码与javascript无关,它是一个服务器端代码。但是在页面加载时,您需要关闭加载图像??是的,您必须在页面加载完成后关闭加载图像。在处理表单时,您正在重新加载页面。在这种情况下,除非您通过ajax处理表单,否则将忽略使用javascript预表单提交
function stopLoading()
{
document.getElementById('loading').style.display='none';
}