AJAX实现长时间无放映

来源：互联网发布：淘宝代收货怎么改p图编辑：程序博客网时间：2024/04/30 11:22

HTML部分

<table><tr><td>关键字：</td><td><input type="text" id="my_key" size="70"></td><td><input type="button" id="my_sub" value="提交" onclick="myconnect()"></td></tr><tr><td>结果：</td><td colspan="2"><div id="my_result"> </div></td></tr></table>

javascript部分

<script language="javascript">  var request=null;  function myconnect(){    if(document.getElementById("my_key").value.length!=11){      document.getElementById("my_result").innerHTML="KEY必须为11个字符";      return;    }    request=null;    if (window.XMLHttpRequest){      request = new XMLHttpRequest();    }else if (window.ActiveXObject){      request = new ActiveXObject("Microsoft.XMLHTTP");    }    if (request){      document.getElementById("my_sub").disabled="disabled";      //修改标签中间的内容。      document.getElementById("my_result").innerHTML="正在获取中，如果长时间没反映，请刷新页面重试";      //myrecv是函数，onreadystatechange是request的事件。当连接状态变化时，会触发这个事件。      request.onreadystatechange = myrecv ;      request.open("GET", "../atest/flvget.php?key="+document.getElementById("my_key").value, true);      //只发送连接请求。      request.send(null);    }else{      document.getElementById("my_result").innerHTML="无法使用javascript连接服务器";    }  }  function myrecv(e){    //readyState是连接状态，4表示已经下载完毕。可以读内容了。    if(request.readyState==4){      //以文本方式读取内容。      var rtext=request.responseText;      document.getElementById("my_sub").disabled=false;      if(rtext!="-1"){        document.getElementById("my_result").innerHTML="<a href='"+rtext+"'>"+rtext+"</a>";      }else{        document.getElementById("my_result").innerHTML="请确认这个KEY是否存在，并且免费用户可以观看";      }    }  }</script>