Ajax»ñÈ¡²ãµÄ·½·¨
var x,y;
//ÕâÊÇÒ»¸öͨ¹ýAJAXÈ¡µÃÌáʾÐÅÏ¢µÄ·½·¨
function over(noteContent){
//¼Ç¼Ê¼þ·¢ÉúʱµÄÊó±êλÖÃ
x = event.clientX;
y = event.clientY;
//ÏÔʾ¹¤¾ßÌáʾ
document.getElementById("tip").style.display = "block";
//ÏÔʾ¹¤¾ßÌáʾµÄÆðÊ¼×ø±ê
document.getElementById("tip").style.top = y;
document.getElementById("tip").left = x+10;
document.getElementById("tip").innerHTML="<table width=\"160\" border=\"0\" cellpadding=\"0\"" +
"cellspacing=\"0\" class=\"STYLE1\"><tr> <td>ÄÚÈÝ£º"+noteContent+"</td> </tr></table>";
}
function out(){
document.getElementById("tip").style.display = "none";
}
»ñÈ¡¶à¸ö²ÎÊý
<script type="text/javascript">
var x,y;
//ÕâÊÇÒ»¸öͨ¹ýAJAXÈ¡µÃÌáʾÐÅÏ¢µÄ·½·¨
function over(btime,etime,departName,PuserName){
//¼Ç¼Ê¼þ·¢ÉúʱµÄÊó±êλÖÃ
x = event.clientX;
y = event.clientY;
//ÏÔʾ¹¤¾ßÌáʾ
document.getElementById("tip").style.display = "block";
//ÏÔʾ¹¤¾ßÌáʾµÄÆðÊ¼×ø±ê
document.getElementById("tip").style.top = y;
document.getElementById("tip").left = x+10;
document.getElementById("tip").innerHTML="<table width=\"160\" border=\"0\" cellpadding=\"0\"" +
"cellspacing=\"0\" class=\"STYLE1\"><tr> <td>¿ªÊ¼Ê±¼ä£º"+btime+"</td> </tr><tr> <td>½áÊøÊ±¼ä£º"+etime+
"</td></tr><tr> <td>²¿ÃÅ£º"+departName+"</td></tr><tr> <td>Ô¤Ô¼ÈË£º"+PuserName+"</td></tr></table>";
&nbs
Ïà¹ØÎĵµ£º
AJAXÊÇAsynchronous JavaScript and XMLËõд¡£Õâ¸ö¸ÅÄî´ú±íµÄÊÇÒ»ÖÖ¼¼Êõ£¬µ±ÄúÔÚ˵“ÎÒÔÚÏîÄ¿ÖÐʹÓÃÁËAJAX¼¼Êõʱ”£¬Ö»ÊÇ´ú±íÁËÄúʹÓÿͻ§¶ËXMLHttpRequest¶ÔÏóÓë·þÎñÆ÷¶Ë½øÐÐÒ첽ͨÐÅ¡£²»¹ýÒòÎªËæ×ÅAJAX¼¼ÊõµÄÔËÓÃÍùÍù»á´øÀ´·á¸»µÄ¿Í»§¶ËЧ¹û£¬Òò´Ë¶ÔAJAX¼¼ÊõµÄ¹ãÒåÀí½âÒ²¿ÉÒÔÈÏΪÕâÊÇÒ»ÖÖ²Ù×÷ ......
ajaxÖÐXMLHttpRequest²ÎÊýÏê½â ÊÕ²Ø
XJAX ,²¢²»ÊÇÒ»ÖÖÐÂ[url=javascript:;]¼¼Êõ[/url]µÄµ®Éú.Ëüʵ¼ÊÉÏ´ú±íµÄÊǼ¸Ïî¼¼Êõ°´Ò»¶¨µÄ·½Ê½×éºÏÔÚÒ»ÔÚͬ¹²µÄÐ×÷Öз¢»Ó¸÷×ÔµÄ×÷ÓÃ.
Ëü°üÀ¨£º
ʹÓÃXHTMLºÍ[url=javascript:;]CSS[/url]±ê×¼»¯³ÊÏÖ£»
ʹÓÃDOMʵÏÖ¶¯Ì¬ÏÔʾºÍ½»»¥£»
ʹÓÃ[url=javascript:;]XML[/url]ºÍXSLT½øÐÐÊý ......
±¾ÎÄÊÕ¼¯ÁËһЩÓÐȤ²¢ºÜÓÐÓõÄ×Ô¶¯Ìáʾ½Å±¾£¬ËûÃÇÎÞÂÛ¶ÔÓÚ³õѧÕß»¹ÊÇרҵǰ¶Ë¿ª·¢ÈËÔ±¶¼ÊÇÊÊÓõġ£ÕâЩ½Å±¾°üÀ¨±ê×¼µÄ×Ô¶¯ÌáʾЧ¹û¡¢·Â
del.icio.usЧ¹û¡¢·ÂGoogelЧ¹ûÒÔ¼°Ê¹ÓÃ×Ô¶¯ÌáʾµÄ¸ß¼¶Êý¾Ý±í¹ýÂËЧ¹û¡£
ʹÓÃÒ»¸öºÏÊʵÄ×Ô¶¯Ìáʾ½Å±¾ÓÐЧµÄÌáÉýÄãµÄÍøÕ¾µÄÓû§ÌåÑé¡£
1. Ajax Auto Suggest v.2
AutoSuggest
ÀàÌ ......
ʹÓÃDWR¿ª·¢AjaxÓ¦Óãº
1¡¢µ¼ÈëDWRµÄJar°ü£ºdwr.jar;
2¡¢ÔÚ/WEB-INFÏÂÌí¼Ódwr.xmlÅäÖÃÎļþ£»
3¡¢ÔÚweb.xmlÎļþÖÐÅäÖÃdwrµÄ·þÎñÆ÷¶Ë×é¼þ£¨DwrServlet£©:
<!-- Ìí¼ÓDWRµÄServlet -->
<servlet>
<servlet-name>dwr</servlet-name>
<servlet-class>org.direc ......
¹ØÓÚÔÚAJAXÖÐGET»ØµÄResponseTextÖÐÎÄÂÒÂëµÄ×î¼ò½â¾ö°ì·¨
//Èç¹û´«ËͲÎÊýÊÇÖ±½Ó¸³ÓèµÄ£¬¾Í»á²úÉúÂÒÂë!
´úÂëÈçÏÂ:
http_request.open("POST",url,true);
http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
http_request.send("action="+strName+"&val="+val); //Èç¹ûvalµÄ ......