AJAX

1   XmlHttpRequest

　　　　该对象由浏览器实现，没有标准化  在创建时，要区分浏览器

　　　　var  xmlHttpRequest = null;

　　　　if((typeof  XMLHttpRequest)!='undefined')

　　　　{

　　　　　　//非IE

　　　　　　xmlHttpRequest = new XMLHttpRequest();

　　　　　}else{

　　　　　　　　　　//IE

　　　　　　　　xmlHttpRequest = new ActiveXObject('Microsoft.XMLHttp');

　　　　　　　　

　　　　　　　　}

 2   该对象的重要属性

 　　reponseText:获取服务器响应的文本数据

　　　responseXml:获取服务器响应的XML数据

　　　status：获取服务器返回的状态码

　　　　readyState:获取XmlHttpReaquest与服务器通讯的状态（0，1，2，3，4分别描述不同的状态）。

　　　　0----未初始化，对象xmlHttpRequest已经建立

　　　　1-----初始化，未调send方法，

　　　　2----send已调用

　　　　3----已经接受部分数据。此时数据不完整

　　　　4----响应结束

 

3   编程步骤：

　　step 1 ：获取XmlHttpRequest对象

　　Step 2 ：使用XmlHttpRequset对象

　　　　　　发送请求(get   post)

　　　　　　1)  get请求

　　　　　　　　var  url="some?username=zs";//发送url的时候加encodeURI()函数处理一下即可解决中文问题。

　　　　　　　　xmlHttpRequest.open('get',url,true);

　　　　　　　　xmlHttpRequest.onreaystatechange=fun1;

　　　　　　　　xmlHttpRequest.send(null);//对于get请求，参数必须是null

　　　　　　2）post请求

　　　　　　　　xmlHttpRequest.open('post',url,true);

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

　　　Step 3:  在服务器端编写相应的代码处理请求。（在服务器，一般不需要返回完整的html，只需要返回部分你文本数据）

　　　step 4 ：在回调函数fun1，通过xmlHttpRequest对象