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，求轻拍）