С±à¼òÊö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°üº¬µÄÊý¾Ý
Ö÷ ......
·þÎñÆ÷¶ËÏìÓ¦Îļþread_faq.jsp
·þÎñÆ÷ÏìÓ¦Îļþ¸ù¾ÝÓû§´«ÈëµÄfaqId²ÎÊý£¬´ÓÊý¾Ý¿âÖвéÕÒ¶ÔÓ¦µÄFAQÏêϸÐÅÏ¢¡£ÏêϸÐÅÏ¢¿ÉÒÔΪ°üº¬HTML±ê¼ÇµÄÄÚÈÝ¡£²éѯÍê±Ïºó½«½á¹û·µ»Ø¡£
<%@ page contentType="text/plain; charset=UTF-8"%>
<%@ page language="java"%>
<%@ page import="java.sql.*,ajax.db.D ......
¼¼ÊõÒªµã
ÔÚ»ù±¾ÔÀíµÄ½éÉÜÖУ¬Á˽⵽ͨ¹ýÔÚ¸¸½ÚµãÄÚ¶¯Ì¬´´½¨×ӽڵ㣬²¢ÀûÓÃÑùʽ±íËõ½øÍê³ÉÊ÷ÐÎÁбíµÄ»ù±¾¿ò¼Ü¡£³ýÁËÕâÒ»µãÍ⣬»¹ÓÐÏÂÃæһЩÎÊÌâÐèÒª¿¼ÂÇ¡£
1£®½«¸¸½ÚµãËùÓеÄ×Ó½Úµã·ÅÈëÒ»¸öÈÝÆ÷ÖÐ
»ù±¾ÔÀíÒ³ÃæÖнö°üº¬ÁË´´½¨×Ó½ÚµãµÄ¹¦ÄÜ£¬²»¿ÉÒÔ½«´´½¨ºÃµÄ½ÚµãÔÙ½øÐйرղÙ×÷¡£Êµ¼ÊÓ¦ÓÃÖв˵¥×ÜÊÇ°üº¬´ò¿ªºÍ¹Ø±ÕÁ½ÖÖ² ......