JavaScript原始版AJAX

    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();

 

  

转载于:https://www.cnblogs.com/zzxbest/archive/2010/11/09/1872665.html