<html>
<head>
<script>
function loadXMLDoc() {
var xmlhttp;
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} //根据不同浏览器获得不同的xmlhttp对象
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
}
} //达到一定的条件执行回调函数，因为每次readyState 的改变都会触发onreadystatechange 事件
xmlhttp.open("POST", "ajaxservlet?time=" + new Date().getTime(), true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");//post请求的时候要这句话，为的就是将参数弄进url里面
xmlhttp.send("a=2");
}
</script>
</head>
<body>
<h2>My Book Collection:</h2>
<div id="myDiv"></div>
<button type="button" onclick="loadXMLDoc()">获得我的图书收藏列表</button>
</body>
</html>