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

С±à¼òÊöAjax¼¼ÊõµÄÄÇЩ¿ò¼Ü

 
 
´Ó2005 ÄêWeb2.0 µÄÐËÆð¿ªÊ¼ËãÆð£¬Ajax °éËæ×ŹúÄÚµÄWeb ¿ª·¢ÉçÇø×ß¹ýÁ˽üËÄÄêµÄ³É³¤Ê±¼ä¡£ËÄÄêµÄʱ¼ä£¬¶ÔÓÚÒ»ÏîWeb ¼¼Êõ²»Ëã¶ÌÁË£¬Õâ²»½öÊǶԵ±³õ¶ÔAjax“¾ÉƿװоƔ³Ö²»Ð¼Ì¬¶ÈµÄÈ˵ķ´²µ£¬¸ü°Ñ¸ü¶à¹ÛÍûÖеĿª·¢ÕßÀ­ÈëÁËWeb ¿ª·¢µÄÐÐÁС£
AjaxµÄ¿ò¼ÜÒ²¿ªÊ¼Ò»Ò»³öÏÖ£º
Buffalo ÊÇÏÖÈÎThoughtWorks Öйú×Éѯʦ³Â½ðÖÞ£¨Michael Chen£©µÄ×÷Æ·¡£¿ÉÒÔ˵£¬Buffalo ÊÇÒ»¿îÕæÕýÒâÒåÉϵÄAjax Ô¶³Ìµ÷Óÿò¼Ü£¬ËüûÓаüº¬ÄÇЩ·±ÔÓ¶ø»ªÀöµÄUI Ö§³Ö£¬¶øÊÇ´úÂë¶ÌС¾«º·£¬ÔÚÌṩAjax »ù±¾¹¦ÄܵÄͬʱҲÌṩһЩ¼«Îª·½±ãʹÓõĸ߼¶¹¦ÄÜ¡£Ä¿Ç°×îа汾ÊÇ2.0£¬ÒÀ¿¿ÉçÇøµÄÁ¦Á¿£¬Buffalo ÒѾ­ÔÚÔ½À´Ô½¶àµÄ²úÆ·ºÍÏîÄ¿Öеõ½Á˹㷺ӦÓ᣹úÈ˳öÆ·£¬Îĵµ³ä·Ö£¬¸üÄѵõÄÊÇÄã¿ÉÒÔÖ±½ÓÁªÏµµ½Michael À´»ñÈ¡¼¼ÊõÖ§³Ö¡£
Dojo ÊÇĿǰÀ´¿´×îΪǿ´ó£¬¹¦ÄÜÒ²×îÎªÈ«ÃæµÄAjax ¿â¡£ÎÞÂÛÊÇIBM ÕâÑùµÄ¹ú¼ÊÒ»Á÷µÄÈí¼þÆóÒµµÄ²úÆ·Ïߣ¬»¹ÊÇÆÕͨ¿ª·¢°®ºÃÕߵŤ¾ßÏäÖж¼ÎªDojo ÁôÓÐһϯ֮µØ£¬Ó¦Óò»¿Éν²»¹ã·º¡£Dojo ´Ó0.4ºÍ0.9 ·Ö±ð¿ªÊ¼ÌṩÁ½¸ö°æ±¾£¬0.4 ÊÇΪÁ˺Í֮ǰµÄ°æ±¾¼æÈÝ£¬¶ø0.9 Ôò¸ÄÉÆÁËÕû¸ö¼Ü¹¹£¬²ã´Î¸üΪÇåÎú£¬½Ó¿Úµ÷ÓøüΪ¼ò±ã£¬¸üÊǼÓÈëÁËÐí¶à¸ß¼¶¹¦ÄÜ£¬ÈçÀëÏß´æ´¢¡£
Prototype ÎÞÒÉÊÇAjax ¿ª·¢µÄ»ù´¡Àà¿â£¬°üÀ¨Buffalo ÔÚÄÚ£¬ºÜ¶àAjax ¿â¶¼ÊÇÒÔprototype Ϊ»ù´¡·¢Õ¹¶øÀ´µÄ¡£Ò»ÈçÆäÃû£¬prototype ÌṩµÄÊÇAjax µ÷ÓÃËùÐèµÄ×î»ù±¾µÄ»ù´¡ÉèÊ©£¬´ËÍ⻹ÌṩÖÚ¶à·½±ã¿ì½ÝµÄº¯Êý·â×°¹©¿ª·¢ÕßÔÚ¿ª·¢JavaScript ʱʹÓá£Prototype ÊÇWeb ¿ª·¢ÕßÌáÉýˮƽ£¬Ñо¿Ajax²»¿É»òȱµÄ²Î¿¼¡£
jQuery µÄ³öÏÖ¿ÉÒÔÓü¼¾ªËÄ×ùÀ´ÐÎÈÝ¡£¹é¸ùµ½µ×£¬ËüÌṩÁ˾«º·¶øÇ¿´óµÄ½Ó¿Ú¹¦ÄÜ£¬ÁîÈËÉÍÐÄÔÃÄ¿µÄ±Õ°üµ÷Ó÷½Ê½£¬·ý»ñÁË´óÅúÒ»ÐÄ×·ÇóÍêÃÀµÄ³ÌÐòÔ±µÄÐÄ¡£³ýÁËÌṩ»ù±¾µÄ¶¯»­ºÍÏÔʾЧ¹û£¬ÒÔ¼°Ajax Ó¦Ó÷â×°Í⣬jQuery »¹ÌṩÁËÀàËÆEclipse µÄ²å¼þ»úÖÆ£¬Ô­Àí¾ÍÊÇΪȫ¾ÖµÄjQuery ¶ÔÏóÌṩÀ©Õ¹µÄ·½·¨¡£Ä¿Ç°ÒѾ­Óзdz£¶àµÄ²å¼þ¿É¹©Ñ¡Ó㬰üÀ¨ÖÆ±í¡¢Ô²½Ç¡¢»¬¶¯ÏÔʾ¡¢¹¤¾ßÌáʾ¡¢ÈÕÆÚÑ¡ÔñÆ÷¡¢±íµ¥´¦ÀíÅÅÐòºÍÍÏ×§µÈ¡£
DWR ×î´óµÄÁÁµã¾ÍÊÇ£¬¿ÉÒÔÔÚä¯ÀÀÆ÷¶ËʹÓÃJavaScript Ö±½Óµ÷ÓÃWeb ·þÎñÆ÷ÉϵÄJava À౩¶³öÀ´µÄ·½·¨¡£DWR ²ÉÈ¡ÁËÒ»¸öÀàËÆAjax µÄз½·¨À´¶¯Ì¬Éú³É»ùÓÚJava ÀàµÄJavaScript ´úÂë¡£ÕâÑù£¬Web¿ª·¢ÈËÔ±¾Í¿ÉÒÔÔÚJavaScript ÀïʹÓÃJava ´úÂ룬¾ÍÏñËüÃÇÊÇä¯ÀÀÆ÷µÄ±¾µØ´úÂ루¿Í»§¶Ë´úÂ룩һÑù¡£


Ïà¹ØÎĵµ£º

ʹÓà AJAX À©Õ¹Æ÷×Ô¶¨Òå¿Ø¼þ

 
 Figure A MaskedEdit À©Õ¹Æ÷ÊôÐÔ
ÊôÐÔ
ĬÈÏÖµ
˵Ã÷
AcceptAMPM
False
Ò»¸ö²¼¶ûÊôÐÔ£¬ÓÃÓÚָʾÊÇ·ñӦʹÓà AM/PM ·ûºÅ¡£
AcceptNegative
None
ָʾÊÇ·ñÔÊÐíʹÓøººÅ (-)¡£À´×Ô MaskedEditShowSymbol ö¾ÙµÄ¿ÉÓÃÖµ°üÀ¨£ºNone¡¢Left ºÍ Right¡£
AutoComplete
True
Ò»¸ö²¼¶ûÊôÐÔ£¬ÓÃÓÚÖ¸Ê ......

AjaxÌØÐ§£º¶¯Ì¬¼ÓÔØµÄFAQ Ö®Ò»


ͼ1.1  ʵÀýÔËÐÐЧ¹û
1.1.1  ¼¼ÊõÒªµã
¶¯Ì¬¼ÓÔØFAQµÄ¹ý³ÌÖ÷ÒªÊÇÀûÓÃXMLHttpRequest£¨ÒÔϼò³ÆXHR£©¶ÔÏóÓë·þÎñ¶ËͨÐÅ£¬¸ù¾ÝÓû§µ¥»÷µÄ¸ÐÐËȤÎÊÌ⶯̬½«ÄÚÈݼÓÔØµ½Ò³ÃæÖС£ÔÚ¾ßÌåʵÏÖʱ£¬ÓÐÁ½µãҪעÒâµÄÄÚÈÝ¡£
1£®¶Ôÿ¸öÎÊÌâ½øÐÐΨһ±êʶ
FAQÖ÷Òª°üº¬ÎÊÌâÓë½â´ðÁ½¸ö²¿·Ö£¬Óû§µ¥»÷Ò»¸öÎÊÌâʱ£¬·þÎñÆ÷±ØÐëÖªµÀ ......

AJAX ¿â

 BODY { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
P { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
DIV { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
TD { FONT-FAMILY:Tahoma; FONT-SIZE:10pt }
AJAX ¿â API ÊÇÒ»ÖÖÄÚÈÝ·Ö²¼ÍøÂ磬¿ÉÔØÈë×îÊÜ»¶Ó­µÄ¿ªÔ´ JavaScript ¿âµÄ¼Ü¹¹¡£Í¨¹ýʹÓà Google AJAX API ÔØÈë³ÌÐòµÄ
google.l ......

AJAX¿ò¼Ü

HTML source:
<p>
Name:
<input type="text" id="demoName"/>
<input value="Send" type="button" onclick="update()"/>
<br/>
Reply: <span id="demoReply"></span>
</p>
Javascript source:
var services = new dojox.rpc.Service({
target:"../dwr/j ......

AJAX¿ò¼Ü DWR ¼òµ¥ÅäÖÃ

¼òµ¥µÄÃèÊöÏ DWR ÅäÖ㨱£ÃÜЭÒ飬Ôڴ˲»¹«¿ªÏîÄ¿Ãû³Æ£¬ÏîÄ¿Ïà¹ØÃû³ÆÈ«²¿ÓÃXXXX´úÌæ£©
Ê×ÏÈ ·Ï»°²»ËµÁË ´ó¼Ò¶¼Ó¦¸ÃÀí½âDWRµÄÓô¦ ²»¶®µÄÈ¥°Ù¶È
±ØÒª°ü DWR.JAR ¹Ù·½ÏÂÔØµØÖ·http://directwebremoting.org/dwr/download.html
Õâ¸öÏîÄ¿ÊÇÓÉ SSH+dwr+jquery+sitemesh+freemarker
WEB.XML
<!-- dwr -->
<serv ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ