代码改变世界

JavaScript原始版AJAX

2010-11-09 14:37  ☆冷枫☆  阅读(226)  评论(0)  编辑  收藏  举报

    AJAX的应用已经非常普遍了,各种框架组件也是层出不穷,最初的ajax创建于几个 javascript函数,具体的原理、发展历程以及优劣势这里就不在多说了。再回顾一下，算是对知识的一个温故、整理吧。

    客户端请求页面:

<html>
<body>
<script type="text/javascript">
function ajaxFunction()
 {
 var xmlHttp; 
 try
    {
   // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
    }
    catch (e)
    {
      // Internet Explorer
       try
          {
          xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
          }
           catch (e)
              {
                  try
                     {
                         xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
                     }
                  catch (e)
                     {
                         alert("您的浏览器不支持AJAX！");
                         return false;
                     }
              }
        }
        
        xmlHttp.onreadystatechange=function()
          {
          if(xmlHttp.readyState==4)
            {
             document.myForm.time.value=xmlHttp.responseText;
            }
          }
        xmlHttp.open("GET","Default.aspx",true);
        xmlHttp.send(null);
        
 }
</script>

<form name="myForm">
用户: <input type="text" name="username" onkeyup="ajaxFunction();" />
时间: <input type="text" name="time" />
</form>
</body>
</html>

    服务器端响应页面(Default.aspx):

    

Response.Write("Beyond");
Response.Flush();
Response.End();