如何让ajax实现延时操作提示,如操作正在进行,请稍后....(在线等)

当使用AJAX请求时显示一张等待的图片或字符，
当XMLHttpRequest.status==200，也就是服务器响应完成时，去掉图片或字符就行了！

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

给你简单提示一下。
在代码中找个空出写入：
<div id="mywait"></div>
然后在<body>开始处写：
<script language="javascript">
   document.getElementById("mywait").innerHTML="操作正在进行中,请稍等......";
</script>然后再 </body>结束上面写：
<script language="javascript">
   document.getElementById("mywait").innerHTML="";
</script>
很感谢你们的关注
<div id="mywait"></div>
这句要写在<body>的外面么?
有点不明白
<div   id="mywait"> </div>
就写在<body>里面啊
<td>里面也可以。
我的做法跟你们讲的有点像,但div就是不显示在右边iframe上,真是晕哦
那就不用DIV直接在你要局部跟新的地方显示啊！
我左边iframe的代码如下,望大家帮帮忙...
<table width="100%" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td height="4"></td>
</tr>
<tr>
<td>
<img src="${ctx_path}/cmimgs/admin06.gif" alt="" width="15"
height="20" border="0" align="middle">
<a href="${ctx_path}/logout?flag=back&type=relog">name</a>
</td>
</tr>
<tr>
<td>
<img src="${ctx_path}/cmimgs/admin06.gif" alt="" width="15"
height="20" border="0" align="middle">
<a href="javascript:quitsys('${ctx_path}/logout?flag=back&type=relog');">查询</a>
</td>
</tr>
</table>如果在<a href="" onclick="test();"></a>里面加target属性的话就用不了了...
<body>
<div   id="mywait"> </div>
<script   language="javascript">
      document.getElementById("mywait").innerHTML="操作正在进行中,请稍等......";
</script> 
<script   language="javascript">
      document.getElementById("mywait").innerHTML="";
</script>
</body>
把这个代码放到你右边iframe中的src指向的网页里面
没错呀
偶就是将你上面写的代码放在左边的iframe里面的,我上面传上去的就是左边的iframe并且里面也有你那边代码,但就是显示不出来
下面代码是main.jsp的
<body style="MARGIN: 0px" scroll="no">
<table border="0" cellPadding="0" cellSpacing="0" height="100%"
width="100%">
<tr>
<td align="center" noWrap vAlign="middle" id="frmTitle">
<iframe frameBorder="0" id="carnoc" name="carnoc" scrolling=no
src="${ctx_path}/web/back/main.do?method=menu"
style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 200px; Z-INDEX: 2">
</iframe>
</td>
<td bgcolor="A4B6D7" style="WIDTH: 9pt">
<table border="0" cellPadding="0" cellSpacing="0" height="100%">
<tr>
<td style="HEIGHT:100%" onClick="switchSysBar();">
<font style="FONT-SIZE: 9pt; CURSOR: default; COLOR: #ffffff">
<br> <br> <br> <br> <br> 屏幕切换 <br>
<br> <br> <br> <br> <br> <br> <span
class="navPoint" id="switchPoint" title="关闭/打开左栏"><</span> <br>
<br> <br> <br> <br> <br> <br> <br>
</font>
</td>
</tr>
</table>
</td>
<td style="WIDTH: 100%">
<iframe frameborder="0" id="main" name="main" scrolling="yes"
src=""
style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 1">
</iframe>
</td>
</tr>
</table>
<body   style="MARGIN:   0px"   scroll="no">
<div id="mywait"> </div>//------<table   border="0"   cellPadding="0"   cellSpacing="0"   height="100%"
width="100%">
<tr>
<td   align="center"   noWrap   vAlign="middle"   id="frmTitle">
<iframe   frameBorder="0"   id="carnoc"   name="carnoc"   scrolling=no
src="left.html" //------
style="HEIGHT:   100%;   VISIBILITY:   inherit;   WIDTH:   200px;   Z-INDEX:   2">
</iframe>
</td>
<td   bgcolor="A4B6D7"   style="WIDTH:   9pt">
<table   border="0"   cellPadding="0"   cellSpacing="0"   height="100%">
<tr>
<td   style="HEIGHT:100%"   onClick="switchSysBar();">
<font   style="FONT-SIZE:   9pt;   CURSOR:   default;   COLOR:   #ffffff">
<br>   <br>   <br>   <br>   <br>   屏幕切换   <br>
<br>   <br>   <br>   <br>   <br>   <br>   <span
class="navPoint"   id="switchPoint"   title="关闭/打开左栏"> < </span>   <br>
<br>   <br>   <br>   <br>   <br>   <br>   <br>
</font>
</td>
</tr>
</table>
</td>
<td   style="WIDTH:   100%">
<iframe   frameborder="0"   id="main"   name="main"   scrolling="yes"
src="main.html" //------
style="HEIGHT:   100%;   VISIBILITY:   inherit;   WIDTH:   100%;   Z-INDEX:   1">
</iframe>
</td>
</tr>
</table> 在 left.html中点击连接的时候，执行一个javascript函数。
函数里面是：
parent.document.getElementById("mywait").innerHTML="正在操作.....";
然后再main.html页面里</body>前写：
parent.document.getElementById("mywait").innerHTML="";
具体怎么写我没试，基本思路就是：在发送函数里，发送XMLHttpRequest请求前，可将$("mywait").innerHTML="正在操作"，或者其它的如gif动画之类，在XMLHttpRequest的onreadychangestate的执行函数里，再将之清除，继而加裁返回结果。