js与后台的交互

之前要做一个答题的网站，稍微学习了一下

我希望在答题的网页中，可以是旁边有一个列表，有50个按钮，点击哪个，中间的区域就可以显示哪一个的题目，整个页面不发生刷新，所以需要绑定点击事件函数（js），并通过ajax向服务器发出请求，获得内容。以下就是我学到的一点内容。

绑定js点击事件
在HTML页面中
<button onClick="JsClick('1')">第  1题</button>
JsClick()就是绑定的js函数，只要点击这个按钮，就会执行这个函数。


在JsClick函数里面（当然是要放在<script>标签里定义或者是写在js文件里然后链接到页面中）

function JsClick(num){


		//先构建一个请求的对象
          var xmlhttp;


          if (window.XMLHttpRequest)//判定浏览器不同，所new的对象不同
          {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp=new XMLHttpRequest();
          }else
          {// code for IE6, IE5
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
          }


//向服务器发出请求
          xmlhttp.open("GET","a.php?id="+num,true); 
          xmlhttp.send(null);


		查看对象的状态函数
         xmlhttp.onreadystatechange=function()
        {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)//readState为4且status为200表示服务器已返回
          {
          document.getElementById("content").innerHTML=xmlhttp.responseText;//返回后更改页面内容。
          }
        }
}

在服务器端，在相应的php文件中从数据库里取出数据echo出相应数据即可。
  （没有设计UI，求轻拍）