xml 笔记二 XMLHttpRequest

来源:互联网 发布:mac版qq怎么远程协助 编辑:程序博客网 时间:2024/05/21 16:59

         一、      XMLHttpRequest 对象用于在后台与服务器交换数据。

                         1、不从新加载网页来更新网页

                          2、页面加载后向服务器请求数据

                          3、页面加载后从服务器接收数据

                          4、页面加载后向服务器发送数据

         二、   XMLHttpRequest 对象创建

                    1、新版本浏览器

                        xmlHttp=new XMLHttpRequest();

                   2、老版本 ie5、ie6

                        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

                   3、兼容模式

                    <script type="text/javascript">

                      var xmlHttp;

                     if(window.XMLHttpRequest)

                       {

                         xmlHttp=new XMLHttpRequest();

                       }

                     else if(window.AxtiveXObject)

                      {

                          xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

                      }

                    </script>

       三、   向服务器取回数据

              <script type="text/javascript">

             function loadXML()

             {

                  var xmlHttp;

                  if(window.XMLHttpRequest)

                   {

                        xmlHttp=new XMLHttpRequest();

                   }

                   else if (window.AciveXObject)

                   {

                       xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

                   }

                   if(xmlHttp!=null)

                   {

                        //onreadystatechange 加载状态变化事件 

                       xmlhttp.onreadystatechange=state_Change

                       xmlhttp.open("GET",url,true); 

                       xmlhttp.send(null);

                   }

             }

              function state_Change()

                {

                  if (xmlhttp.readyState==4) 

                  {

                          //加载xml

                    if (xmlhttp.status==200)   

                      {

                           //完成加载

                          //加载完xml后 我们可以在这进出xml数据处理

                       } 

                     else   

                       {   

                        alert("xml数据加载异常");   

                       } 

                      }

                   }

              </script>