С±à¼òÊö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 ´úÂ룬¾ÍÏñËüÃÇÊÇä¯ÀÀÆ÷µÄ±¾µØ´úÂ루¿Í»§¶Ë´úÂ룩һÑù¡£
Ïà¹ØÎĵµ£º
Figure A MaskedEdit À©Õ¹Æ÷ÊôÐÔ
ÊôÐÔ
ĬÈÏÖµ
˵Ã÷
AcceptAMPM
False
Ò»¸ö²¼¶ûÊôÐÔ£¬ÓÃÓÚָʾÊÇ·ñӦʹÓà AM/PM ·ûºÅ¡£
AcceptNegative
None
ָʾÊÇ·ñÔÊÐíʹÓøººÅ (-)¡£À´×Ô MaskedEditShowSymbol ö¾ÙµÄ¿ÉÓÃÖµ°üÀ¨£ºNone¡¢Left ºÍ Right¡£
AutoComplete
True
Ò»¸ö²¼¶ûÊôÐÔ£¬ÓÃÓÚÖ¸Ê ......
ͼ1.1 ʵÀýÔËÐÐЧ¹û
1.1.1 ¼¼ÊõÒªµã
¶¯Ì¬¼ÓÔØFAQµÄ¹ý³ÌÖ÷ÒªÊÇÀûÓÃXMLHttpRequest£¨ÒÔϼò³ÆXHR£©¶ÔÏóÓë·þÎñ¶ËͨÐÅ£¬¸ù¾ÝÓû§µ¥»÷µÄ¸ÐÐËȤÎÊÌ⶯̬½«ÄÚÈݼÓÔØµ½Ò³ÃæÖС£ÔÚ¾ßÌåʵÏÖʱ£¬ÓÐÁ½µãҪעÒâµÄÄÚÈÝ¡£
1£®¶Ôÿ¸öÎÊÌâ½øÐÐΨһ±êʶ
FAQÖ÷Òª°üº¬ÎÊÌâÓë½â´ðÁ½¸ö²¿·Ö£¬Óû§µ¥»÷Ò»¸öÎÊÌâʱ£¬·þÎñÆ÷±ØÐëÖªµÀ ......
±¾ÊµÀýʹÓÃÃûΪfaqµÄÊý¾Ý¿â±í£¬°üº¬µÄÊý¾ÝÈçͼ1.2Ëùʾ¡£¾ßÌåµÄ´´½¨Êý¾Ý±íÓï¾äÈçÏ£º
CREATE TABLE 'faq' (
'id' int(11) NOT NULL auto_increment,
'faq' varchar(255) NOT NULL,
'detail' varchar(255) NOT NULL,
PRIMARY KEY ('id')
)
ͼ1.2 ±ífaq°üº¬µÄÊý¾Ý
Ö÷ ......
Ò³ÃæÖÐÏÔʾÁË3¸öÎÊÌ⣬·Ö±ð±àºÅΪ1¡¢2¡¢3¡£Ã¿¸öÎÊÌâ±íÏÖΪһ¸ö³¬Á´½Ó£¬µ¥»÷³¬Á´½Ó´¥·¢loadFAQº¯Êý¡£Ã¿¸öÎÊÌâÏÂÃæ°üº¬Ò»¸öÓÃÓÚÏÔʾ´ð°¸µÄdiv£¬idÊôÐÔÉèÖÃΪ“faqDetail+ÎÊÌâ±àºÅ”£¬Í¨¹ýstyle="display:none"ĬÈÏÉèÖÃΪÒþ²Ø¡£ÏêϸµÄº¯Êý˵Ã÷Çë²Î¿¼´úÂëÖеÄ×¢ÊÍ¡£
<%@ page contentType="text/plain; c ......
ÕâÀïÎÒÃÇÔÙÀí½âÁËAJAXºó£¬¿ªÊ¼À´ÓÃʵÀý¸ÐÊÜAJAXµÄÁ¦Á¿¡£
½ñÌìÎÒ×îºóҪʵÏÖµÄЧ¹û£¬µ±Êó±ê·Åµ½Í¼Æ¬ÉÏʱ»á¸ù¾Ý£¬»á°ÑÊý¾Ý¿â¿âÀïµÄÊý¾Ý¶Á³ö£¬Í¨¹ýÏÔʾ¿òÏÔʾ³öÀ´¡£Õâ¸öÔںܶàÍøÉÏÉ̵궼ÓÐÓõ½ÕâÀïЧ¹û£¬ÎÒÃÇÕâÀïÓÃAJAXÀ´ÊµÏÖÕâ¸öЧ¹û¡£Õâ¸öʵÀýÀï½áºÏÁËMySql¡¢Servlet»¹ÓÐJs£¬ÀíÂÛÐÔºÜÉÙ£¬µ«Í¨¹ýʵ¼ùÀ´¸ÐÊÜÀíÂÛ֪ʶ¡£
......