Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

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


Ïà¹ØÎĵµ£º

asp.netÖÐÈÝÒ×»ìÏýµÄajax¸ÅÄî


AJAXÊÇAsynchronous JavaScript and XMLËõд¡£Õâ¸ö¸ÅÄî´ú±íµÄÊÇÒ»ÖÖ¼¼Êõ£¬µ±ÄúÔÚ˵“ÎÒÔÚÏîÄ¿ÖÐʹÓÃÁËAJAX¼¼Êõʱ”£¬Ö»ÊÇ´ú±íÁËÄúʹÓÿͻ§¶ËXMLHttpRequest¶ÔÏóÓë·þÎñÆ÷¶Ë½øÐÐÒ첽ͨÐÅ¡£²»¹ýÒòÎªËæ×ÅAJAX¼¼ÊõµÄÔËÓÃÍùÍù»á´øÀ´·á¸»µÄ¿Í»§¶ËЧ¹û£¬Òò´Ë¶ÔAJAX¼¼ÊõµÄ¹ãÒåÀí½âÒ²¿ÉÒÔÈÏΪÕâÊÇÒ»ÖÖ²Ù×÷ ......

Ajax¼¼ÊõÏê½â¶þ

ajaxÖÐXMLHttpRequest²ÎÊýÏê½â ÊÕ²Ø
XJAX ,²¢²»ÊÇÒ»ÖÖÐÂ[url=javascript:;]¼¼Êõ[/url]µÄµ®Éú.Ëüʵ¼ÊÉÏ´ú±íµÄÊǼ¸Ïî¼¼Êõ°´Ò»¶¨µÄ·½Ê½×éºÏÔÚÒ»ÔÚͬ¹²µÄЭ×÷Öз¢»Ó¸÷×ÔµÄ×÷ÓÃ.
Ëü°üÀ¨£º
ʹÓÃXHTMLºÍ[url=javascript:;]CSS[/url]±ê×¼»¯³ÊÏÖ£»
ʹÓÃDOMʵÏÖ¶¯Ì¬ÏÔʾºÍ½»»¥£»
ʹÓÃ[url=javascript:;]XML[/url]ºÍXSLT½øÐÐÊý ......

ÓÐÓõÄAjax×Ô¶¯Ìáʾ½Å±¾ÊÕ¼¯

±¾ÎÄÊÕ¼¯ÁËһЩÓÐȤ²¢ºÜÓÐÓõÄ×Ô¶¯Ìáʾ½Å±¾£¬ËûÃÇÎÞÂÛ¶ÔÓÚ³õѧÕß»¹ÊÇרҵǰ¶Ë¿ª·¢ÈËÔ±¶¼ÊÇÊÊÓõġ£ÕâЩ½Å±¾°üÀ¨±ê×¼µÄ×Ô¶¯ÌáʾЧ¹û¡¢·Â
del.icio.usЧ¹û¡¢·ÂGoogelЧ¹ûÒÔ¼°Ê¹ÓÃ×Ô¶¯ÌáʾµÄ¸ß¼¶Êý¾Ý±í¹ýÂËЧ¹û¡£
ʹÓÃÒ»¸öºÏÊʵÄ×Ô¶¯Ìáʾ½Å±¾ÓÐЧµÄÌáÉýÄãµÄÍøÕ¾µÄÓû§ÌåÑé¡£
1. Ajax Auto Suggest v.2
AutoSuggest

ÀàÌ ......

AjaxÈý²½ÇúºÍDWRµÄʹÓÃ

ʹÓÃ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 ......

php+AJAX´«ËÍÖÐÎĻᵼÖÂÂÒÂëµÄÎÊÌâµÄ½â¾ö·½·¨

¹ØÓÚÔÚ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µÄ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ