ajax快记

<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>

posted @ 2013-12-20 16:06  离子  阅读(141)  评论(0编辑  收藏  举报