AJAX 以前对AJAX只是简单了了解一些,并没有真正的用到过。这次因项目需要使用了一次,现将主要代码贴出来便于回顾JS代码:function getXmlHttpRequestObject() { if (window.XMLHttpRequest) { return new XMLHttpRequest(); } else if(window.ActiveXObject) { return new ActiveXObject("Microsoft.XMLHTTP"); } else { alert("Your Browser Sucks!/nIt's about time to upgrade don't you think?"); } } function createAjaxObj(){ var httprequest=false; if (window.XMLHttpRequest) { // if Mozilla, Safari etc httprequest=new XMLHttpRequest() if (httprequest.overrideMimeType) httprequest.overrideMimeType('text/xml'); } else if (window.ActiveXObject) { // if IE try { httprequest=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e){ try{ httprequest=new ActiveXObject("Microsoft.XMLHTTP"); } catch (e){} } } return httprequest; } var searchReq = createAjaxObj(); function mouseOver(paymentId){ if (searchReq.readyState == 4 || searchReq.readyState == 0) { searchReq.open('GET', 'paymentWay.do?act=paymentList&paymentId='+paymentId, true); searchReq.onreadystatechange = handlePaymentWayList; searchReq.send(null); } } function handlePaymentWayList() { if (searchReq.readyState == 4) { var ss = document.getElementById('paymentWayList'); ss.innerHTML = "<p align='left'>付款方式"+" 款项"+" 比例</p>"; var str1 = searchReq.responseText.split("b"); for(i=0; i < str1.length-1; i++) { var str2 = str1[i].split("a"); ss.innerHTML += "<p align='left'> "+str2[0]+" "+ " 第"+str2[1]+"笔款 "+str2[2]+"%"+"</p>" ss.style.display=""; ss.style.width=150; ss.style.left=event.clientX+180+document.body.scrollLeft; ss.style.top=event.clientY+100+document.body.scrollTop; } } } function mouseOut(){ var ss = document.getElementById('paymentWayList'); ss.style.display= "none"; } 在相应的模块中添加事件即可,由于做了div浮动的效果,所以还需要一div <div id="paymentWayList" style="position:absolute;background-color:#FFCC99; width:121; height:16; border:1px solid gray; display:none; filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3); left:0; top:5"></div>