使用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);