XmlHttpRequest入门详解

 

写给初学者的一个实例代码：
源码下载地址：
http://down.0379zd.com/news/show/13002.htm

< script language = " javascript "  type = " text/javascript " >
      var  xmlHttp;
      /* ****创建XMLHttpRequest*****
      如果是ie则执行第一个.
      ***************** */
      function  createXMLHttpRequest(){
         if (window.ActiveXObject)
            xmlHttp = new  ActiveXObject( " Microsoft.XMLHTTP " );
         else   if (window.XMLHttpRequest)
            xmlHttp = new  XMLHttpRequest();
     }
      /* ****执行异步调用*****
      open();多个重载:
        参数一,GET或POST
        参数二,url路径
        参数三,异步标志,true即异步
        参数四,五,用户名,密码
      onreadystatechange属性设置回调函数
      send()发送open()方法建立的请求.
        有可选参数.可为空.
      ***************** */
      function  startRequest(){
        createXMLHttpRequest();
        xmlHttp.open( " GET " , " AjaxServe.aspx?firstName=tree&birthday=1981-03-21 " , true );
        xmlHttp.onreadystatechange = callback_state; // 用函数名,不加括号.
        xmlHttp.send( null );
     }
      /* ****回调函数*****
      xmlHttp.responseText;//取得返回数据
      readyState,对象的状态:
        0,未初始化
        1,正在装载
        2,装载完毕
        3,交互
        4,完成
      status,服务器请求HTTP状态代码的数字代码
      ***************** */
      function  callback_state(){
         if (xmlHttp.readyState == 4   &&  xmlHttp.status == 200 )
            document.getElementById( " target " ).innerHTML += xmlHttp.responseText;
     }
< / script>