原生方式实现ajax

• AJAX是异步的 JavaScript 和 XML，是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。
• 传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。
• 有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。

使用原生方式实现Ajax的步骤：

1、创建 XMLHttpRequest 对象

所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均内建 XMLHttpRequest 对象。

老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象：

2、向服务器发送请求

（1）发送get请求

xmlhttp.open(“GET”,“test1.txt”,true);

如果您希望通过 GET 方法发送信息，请向 URL 添加信息：

（2）发送post请求

如果需要像 HTML 表单那样 POST 数据，请使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中规定您希望发送的数据：

3、服务器响应

如需获得来自服务器的响应，请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。

（1）responseText

responseText 属性返回字符串形式的响应，可以这样使用：
（2）responseXML

如果来自服务器的响应是 XML，而且需要作为 XML 对象进行解析，请使用 responseXML 属性：

4、判断是否响应成功

当 readyState 等于 4 且状态为 200 时，表示响应已就绪：
5、一个完整的Ajax请求

var xmlhttp;
if (window.XMLHttpRequest) {
    
    // code for IE7+, Firefox, Chrome, Opera, Safari
  	xmlhttp=new XMLHttpRequest();
}
else {
    
    // code for IE6, IE5
  	xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
  
xmlhttp.open("GET","请求url",true);

xmlhttp.onreadystatechange=function(){
    
    
    if (xmlhttp.readyState==4 && xmlhttp.status==200) {
    
    
  		//响应成功要做的事
  		document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
}

xmlhttp.send();