2

我正在构建一个 Web 应用程序，struts2.我有一个用户单击提交按钮的表单，我正在处理表单并重定向回同一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>
4

2 回答 2

1

如果它是重定向 - 这意味着您正在将内容发送到服务器并返回，这意味着在提交时页面的当前生命周期在发布信息后结束，并且在返回时开始新的周期。

一种方法是在从服务器对代码执行任何类型的业务之前刷新加载图像。

在 .net 中，我们使用两个语句来做到这一点：

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

因此，即使在整个内容被加载回浏览器之前，它的一部分也会被发送到客户端。

于 2013-01-03T11:14:04.763 回答
0

我找到了一个解决方法来查看加载图像。在这里张贴，以便其他人可以受益。
我拍摄了一张 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>

然后我编写了一个在事件 onload 上调用的 javascript 函数。在这个函数中，我将显示属性设置为无。

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

就我而言，当我发送任何服务器请求并将设置重新加载以不显示时，我正在设置显示块。
希望这对其他人有帮助。

于 2013-01-07T06:06:49.557 回答