一、概念

AJAX 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。俗称：页面无刷新技术、局部刷新技术..

二、 Ajax的核心是javascript的XMLHttpRequest（简称XHR）对象直接与服务器端进行交互。

三、创建XMLHttpRequest对象的方法。

第一种：官方方法

function getXmlHttpObj(){

        　　　　 var xmlHttpObj=new Object();

      　　　　   try{

                　　　　　　   xmlHttpObj=new XMLHttpRequest();//创建火狐，opear等浏览器支持的对象,高版本的浏览器都是符合w3c的标准的用的都是new XMLHttpRequest()的方法

　　　　　　　　}catch(e){

                  　　　　　　 try{

　　　　　　　　　　　　　　　　　　xmlHttpObj=new ActiveXObject(“msxml2.XMLHTTP”);//ie6以上

　　　　　　　　　　　　　　}catch(e){

　　　　　　　　　　　　　　　　　　　　try{

        　　　　　　　　　　　　　　　　　　　　　　 xmlHttpObj=new ActiveXObject(“microsoft.XMLHTTP”);//ie6和ie5

                                   　　　　　　　　  }catch(e){

                                             　　　　　　　　　　  Alert(“浏览器过旧，请改浏览器版本”);

　　　　　　　　　　　　　　　　　　　　　　}

　　　　　　　　　　　　　　}

　　　　}

}

 

===============================第二种创建XHR的方法==================================

第二种方法:

         function getXHRObj(){

                            var xhr=false;

                            if(new XMLHttpRequest()){//判断是否可以直接new XMLHttpRequest对象呀？？返回如果是true,说明符合w3c的标准，那么直接new

                                     xhr=new XMLHttpRequest();

                            }else if(new ActiveXObject("msxml2.XMLHTTP")){//如是判断出的是ie6以上版本，用下面的方法创建XHR对象

                                     xhr=new ActiveXObject("msxml2.XMLHTTP");

                            }else{

                                     new ActiveXObject("Microsoft.XMLHTTP")//ie6包含ie6及IE6以下的版本

                            }

                            return xhr;

                   }

                    

          }

四、Ajax的相关属性和用法

属性/方法

用法（示例）

onreadaystatechange

xmlHttp.onreadystatechange=function()

  {

  // 我们需要在这里写一些代码

  }

 

Status

返回状态码(正常返回200),不正常时可能返回404,304

readyState

readyState 属性存有服务器响应的状态信息(0,1,2,3,4),我们用到的最多的是4, 请求已完成（可以访问服务器响应并使用它）

Open()

参数有三个open(‘GET/POST’,’serverAddress’,true)

Send()

发送给服务器端的内容

setRequestHeader()

当用POST请求时，需要告诉服务器，浏览器这边认(application/x-www-form/urlencoded);格式的。

例如 ：

xmlObj.setRequestHeader("Content-type","application/x-www-form-urlencoded");

responseText

服务器响应给我们的信息是一串普通文本

responseXML

服务器响应给我们的信息是一串XML格式的文本