Ajax的实现步骤

Ajax的实现步骤

什么是Ajax

ajax是异步的xml和Javascript
Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

Ajax原理图

实现步骤
1.创建Ajax对象: var xhr = new XMLHttpRequest();
2.与服务器进行链接: xhr.open(‘get’,‘a.php’,true);
3.绑定onreadystatechange事件 ,通过服务器返回不同的状态码做出不同的处理;
4.向服务器发送请求和数据:xhr.send();

实现代码

   //1.创建XMLHttpRequest对象
   var xmlHttp = new XMLHttpRequest();
   //2.与服务器进行链接
   xmlHttp.open('get','url','true');//调用open()方法并采用异步方式
   //2.绑定onreadystatechange事件
	 xmlHttp.onreadystatechange = function() {
	    if (xmlHttp.readyState == 4) {
	        if (xmlHttp.status == 200) {
	            var obj = document.getElementById(id);
	            obj.innerHTML = xmlHttp.responseText;
	        } else {
	            alert("AJAX服务器返回错误！");
	        }
	    }
	}
	//4.向服务器发送请求
	   xmlHttp.send(); //使用send()方法将请求发送出去
}