最容易理解的ajax例子

<script type="text/javascript">
   function ajaxFunction(){
       var xmlHttp;
        try{
            //Firefox, Opera 8.0+, Safari
            xmlHttp = new XMLHttpRequest();
        }catch(e){
            // Internet Explorer
           try{
                xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
            }catch(e){
                //Internet Explorer 5.5+
                try{
                    xmlHttp = new new ActiveXObject("Microsoft.XMLHTTP");
                }catch(e){
                    alert("您的浏览器不支持AJAX！");
                    return false;
                }
            }
        }
    xmlHttp.open("GET","??",true);//与服务端传输数据,??服务端的路径如:servlet
     xmlHttp.send(null);
    xmlHttp.onreadystatechange=function()//执行空函数，根据状态取值
  {
     //0 请求未初始化（在调用 open() 之前）
      //1 请求已提出（调用 send() 之前）
      //2 请求已发送（这里通常可以从响应得到内容头部）
      //3 请求处理中（响应中通常有部分数据可用，但是服务器还没有完成响应）
      //4 请求已完成（可以访问服务器响应并使用它）
      if(xmlHttp.readyState==4)
    {
        // 从服务器的response获得数据
         //利用js把返回值赋给某个元素??=xmlHttp.responseText;
        document.write(xmlHttp.responseText)//输出服务端返回的值
    }
  }
}
</script>
剩下的就是调用了，你可以利用js事件调用随便你了。