使用ajax从服务器端获取数据的步骤：
代码表示：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var xhr = new XMLHttpRequest();
xhr.open("GET","ajax.do",true);
xhr.onreadystatechange= function(){
if(xhr.readyState==4&&xhr.status==200){
var msg = document.getElementById("con");
msg.innerHTML=xhr.responseText;
}
};
xhr.send();
</script>
</head>
<body>
<div id="con">
</div>
</body>
</html>
Ajax的使用包括四步：
1.创建XMLHttpRequest对象，注意兼容IE6的情况
2.使用XMLHttpRequest对象的open方法，其中有三个参数：2.1.字符串，代表html的 请求:GET,POST。
2.2.要访问的服务器的 URL。
2.3.Boolean值，true表 示异步，flase表示同步，一般情况下是异步，默认为true。
3.ajax的回调函数。* xhr.readyState==4表示请求已经结束，服务器响应完成。
* status表示http请求的状态，200表示正常响应；404表示资源找不到；500表示服务器端错误。
4.发送ajax请求。* 如果没有数据，可以不传或者传递null
* 如果post请求传递数据：首先设置xhr的请求头信息：xhr.setRequestHeader("Content-type","application/x-www-formurlencoded");
再传递参数：xhr.send(name=liujianhong&password=123);