如何显示“等待页面”当 CGI 运行时？

Question

我有一个 cgi 脚本，在打印 html 之前需要很长时间（30 秒）才能生成结果。我想在显示结果之前显示一个带有动画 GIF 的中间页面，其中显示“正在加载，请稍候...”。 谢谢

Answer 1

分叉该进程并在会话中保留对其的引用。然后定期轮询脚本以获取状态更新。

有一个更详细的解释以及最初发表在 Linux Magazine 上的代码示例。 Perl Monks 有进一步讨论。

您可以使用 JavaScript（和 XMLHttpRequest）进行轮询，而不是重新加载整个页面（请记住

Answer 2

简单的解决方案：制作静态 html 页面，使用加载文本和 gif，并使用 JS 脚本加载 CGI 脚本 XHR。使用 jQuery 这样的库及其 ajax 辅助函数（例如 加载。

Answer 3

谢谢大家的帮助，我就是这样做的：

<script type="text/javascript">
var ray={
ajax:function(st)
    {
        this.show('load');
    },
show:function(el)
    {
        this.getID(el).style.display='';
    },
getID:function(el)
    {
        return document.getElementById(el);
    }
}
</script>
<style type="text/css">
#load{
position:absolute;
z-index:1;
border:3px double #999;
background:#f7f7f7;
width:300px;
height:300px;
margin-top:-150px;
margin-left:-150px;
top:50%;
left:50%;
text-align:center;
line-height:300px;
font-family:"Trebuchet MS", verdana, arial,tahoma;
font-size:18pt;
}
</style>
<div id="load" style="display:none;">Loading... Please wait<br/><img src="images/loading.gif"></div>
<form action="http://localhost/cgi-bin/test.cgi" method="get" onsubmit="return ray.ajax()">
<input type="text" value="Test" name="q">
<input type="submit" value="Search">
</form>