怎样在页面显示 "正在加载中...."

最新推荐文章于 2022-04-12 14:35:41 发布

给力地板油

最新推荐文章于 2022-04-12 14:35:41 发布

阅读量1.2w

点赞数

分类专栏：技术类文章标签： xmlhttprequest javascript border function xhtml html

本文链接：https://blog.csdn.net/wslyy99/article/details/1708824

版权

技术类专栏收录该内容

107 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>
<div id="mydiv" style="border:#0066FF;width:120px; height:90px">数据加载中.....</div>

</body>
</html>
<script language="javascript">
var http_request = false;
function send_request(url) {
                http_request = false;
                if(window.XMLHttpRequest)
        {
                        http_request = new XMLHttpRequest();
                        if (http_request.overrideMimeType)
            {
                                http_request.overrideMimeType("text/xml");
                        }
                } else if (window.ActiveXObject)
        { // IE 浏览器
                        try
            {
                                http_request = new ActiveXObject("Msxml2.XMLHTTP");
                        } catch (e) {
                                try {
                                        http_request = new ActiveXObject("Microsoft.XMLHTTP");
                                } catch (e) {}
                        }
                }
                     if (!http_request)
                { // 异常，创建对象实例失败
                        window.alert("不能创建 XMLHttpRequest 对象实例.");
                        return false;
                }
                http_request.onreadystatechange = processRequest;
                http_request.open("GET", url, true); //异步
                http_request.send(null);
        }
        // 处理返回信息的函数
    function processRequest()
   {
    if (http_request.readyState == 4)
   { // 判断对象状态
        if (http_request.status == 200)
    {
       var str=http_request.responseText;
      var a=document.getElementById("mydiv");
      a.innerHTML=str;
    } else
    { //页面不正常
          alert("您所请求的页面有异常。");
         }
   }
   }
  </script>
<script language="javascript" type="text/javascript">
    send_request('b.asp')
</script>

b.asp

<%
dim a,b
   for a=1 to 10000
       for b=1 to 5000

   next
   next

%>
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td>&fdsfadw</td>
</tr>
<tr>
    <td>&fsadfa;</td>
</tr>
<tr>
    <td>&sdaf;</td>
</tr>
<tr>
    <td> </td>
</tr>
<tr>
    <td> </td>
</tr>
<tr>
    <td> </td>
</tr>
</table>