Ajax的一点小总结

Ajax是Asynchronous JavaScript and XML的简称，他的意思是异步javascript和xml，它不是一项新技术，而是一种可以实现动态交互的网页开发技术。
   下面我就简单的介绍一下几个基本点（主要是通过程序说明）：

     1，首先要创建XMLHttpRequest对象：

function createXMLHttpRequest() {
          if (window.XMLHttpRequest) {
               //Mozilla 浏览器
               XMLHttpReq = new XMLHttpRequest();
            } else{
                // IE浏览器
                if (window.ActiveXObject) {
                  try {
                         XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
                      }catch (e) {
                         try {
                                XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
                             }catch (e) { }
                      }
                 }
            }
        }

    2，其次是发送请求：

      //发送客户端的请求
      function sendRequest(url) {
            createXMLHttpRequest();
            XMLHttpReq.open("GET", url, true);
            //指定响应函数，注意函数后面不能加括号
            XMLHttpReq.onreadystatechange = processResponse;
            // 发送请求
            XMLHttpReq.send(null);
       }

    如果是post请求，则需要在XMLHttpReq.send（）之前添加：

  XMLHttpRequest.setRequestHeader("content-type","application/x-www-form-urlencoding");

而且要在XMLHttpReq.send（）的括号内添加相应的请求

  3.处理函数

  //处理服务器响应结果
       function processResponse() {
        // 判断对象状态
        if (XMLHttpReq.readyState == 4) { //如果不懂，可以看下http协议
            // 信息已经成功返回，开始处理信息
           if (XMLHttpReq.status == 200) {
                var  res=XHR.reponseXML.getElementByTagName("res")[0].firstChild.data;
            
             }
         }
       }

     掌握了上面的三个基本方法就可以根据你的需要写你相应的功能了,当然我只是大致让朋友们了解一下基本，具体的还需要盆友们自己查阅资料学习。

posted @ 2012-08-19 09:08 henuhaigang 阅读(5) 评论(0)  编辑