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  阅读(106)  评论(0)    收藏  举报