ÖйúITʵÑéÊÒ7ÔÂ23ÈÕÏûÏ¢£¬ÆäʵAjax£¨AjaxÅàѵ £©ÊÇÒ»¸öÒѾ˵ÀÃÁ˵ļ¼Êõ»°Ìâ.ÎÒÖ®ËùÒÔ°ÑÀõĶ«Î÷ÔÙÄóöÀ´ÏÔ°Ú.ÊÇÒòΪÀõĶ«Î÷Ò²ÓÐËü´æÔڵļÛÖµ.±ÈÈçÆÆÀÃ,Ëü»¹¿ÉÒÔ»ØÊÕ.
¡¡ ÏÖÔÚÍøÂçúÌå·¢´ïÁË,Ò»¸öСÆÆÍøÕ¾¶¼´æÔÚ×Å´óÁ¿µÄ¼¼ÊõÎÄÕÂ.ËùÒԺܶàÈ˶¼Ïë´Ó±ð´¦Downµã¶«Î÷ÏÂÀ´.ÖƳÉÒ»±¾Êé,×Ô³ÉÒ»Ìå.½Ì¸øÄÇЩÇóʺÈôºÈµÄÈË.¶¼Ï£Íû×Ô¼ºµÄ¿õÊÀÆæÊé¿ÉÒÔ³ÉΪ¼¼ÊõµîÌÃÉϵÄÄÇ¿ÅÃ÷Öé.ÆäʵҲ¾ÍÊÇÒ»¿ì²ÍÎÄ»¯,¼û½â¶¼ÊÇÒ»°ã.ÄÇôÏÂÃæÎÒÒ²À´Ò»´Î¿ì²ÍÎÄ»¯.AjaxÏà¹Ø:
¡¡ ÔÚ½éÉÜAjax¼¼Êõ֮ǰ.ÎÒÃÇÏȳ¶µµãÆäËü¶«Î÷,±ÈÈçwebÓ¦ÓÃÓë×ÀÃæÓ¦ÓÃ.webÓ¦ÓõÄÓŵãÔÚÓÚ²¿ÊðºÍά»¤¹ý³Ì·Ç³£¼òµ¥.¶ø×ÀÃæÓ¦ÓóÌÐòÔò¾ßÓзḻµÄ½çÃæºÍ¿ìËÙµÄÏìÓ¦ÄÜÁ¦.Ò»Ö±ÒÔÀ´ÈËÃǶ¼°´ÕÕÐèÒªÔÚÁ½¸öÓ¦ÓóÌÐòÖ®¼ä½øÐÐÊʺÏ×Ô¼ºµÄÑ¡Ôñ.²»¹ý,ͨ³£Ö»Äܵõ½Ò»ÖÖÓ¦ÓóÌÐòµÄÓÅÊÆ.ÎÞ·¨´ïµ½Á½ÕßÓÅÊÆÏà½áºÏµÄ¶«Î÷.ÓæÓëÐÜÕƲ»ÄܼæµÃ. ¾ÍÏñ×ö°®Ò»Ñù,²»ÄܴﵽˮÈé½»Èڵĵز½,ËùÒÔ˵Õâ²»Äܲ»ËµÊÇÒ»ÖÖÒź¶.²»¹ýËæ×ÅAjaxµÄ³öÏÖ.ÒѾ¿ÉÒÔ´ïµ½Éñ½»µÄµØ²½ÁË.ʹÁ½±ß¶¼Äܵõ½Âú×ã.´ïµ½ºÍг.±ÈÈç:Google Suggest.Ëü¸ù¾ÝÓû§µÄÊäÈëʵʱÏÔʾ׎¨ÒéµÄÌõÄ¿.ÔÙ±ÈÈç:Google MapsÓÃÊó±êŲ¶¯,·Å´ó»òÕßËõСµØͼ,ÏìÓ¦µÄËٶȶ¼·Ç³£¿ì.ÎÞÐèÒªµÈ´ýÒ³ÃæµÄË¢ÐÂ.ÏñÍøÂçÉϵÄÕâÖÖÒâÒùµÄµØ·½ºÜ¶à.±ÈÈçÍøÒ×.µÈµÈ.
¡¡ ÄÇô½ÓÏÂÀ´ÓÐÒ»¸ö¸ü¼Ó³¶µµÄÎÊÌâ.ʲôÊÇAjax? Èç¹ûÄãÌý˵¹ýJavascriptºÍXML.ÄÇôAjax¾ÍÊÇ:Òì²½JavascriptºÍXML(Asynchronous Javascript and XML)µÄÓ¢ÎÄËõд.¼¸ÖÖÀϼ¼ÊõµÄ½áºÏ.²»¹ýÿһÖÖÒ²¶¼ÊǷdz£À÷º¦µÄ½ÇÉ«,µ±È»ºÏÔÚÒ»Æð¾Í¸ü¼ÓÀ÷º¦ÁË.ʹµÃ¹¦Äܸü¼ÓÇ¿´ó.GoogleµÄGmail,Google MapsµÄÓ¦ÓÃÈÃÈËÃÇÖªµÀÁËAjaxµÄºÃ´¦Å£±ÈÌåÑé.
¡¡ ²»¹ýAjaxµÄ×îÅ£±ÆµÄµØ·½ÔÚÓÚËüʹÓÃXMLHttpRequest¶ÔÏó¶Ô·þÎñÆ÷·¢ËÍÒì²½ÇëÇó.Æð³õÊDZȽÏÅ£±ÆµÄMicrosoft¶ÔXMLHttpRequest¶ÔÏóÌṩÁËä¯ÀÀÆ÷ÉϵÄÖ§³Ö.Õâ¾ÍÈÃAjaxÏÔµÄÅ£±Æºåºå.×ÜÌå˵À´AjaxÓ¦¸Ã˵°üÀ¨ÒÔϼ¸¸ö¶«Î÷:
¡¡ XHTMLºÍCSS; Îĵµ¶ÔÏóÄ£ÐÍDOM(Document Object Model)½øÐж¯Ì¬µÄÏÔʾºÍ½»»¥;
¡¡ ʹÓÃXMLºÍXSLT½øÐÐÊý¾Ý½»»¥ºÍ²Ù×÷; ʹÓÃXMLHttpRequest½øÐÐÒì²½Êý¾Ý½ÓÊÕ. ʹÓÃJavascript°ÑËüÃǼ¸¸ö¸ãÔÚÒ»Æð.
¡¡ ÔÚ´«Í³µÄWebÓ¦ÓÃÖ÷Òª²ÉÓõÄÊÇͬ²½µÄÊý¾Ý½»»¥¹ý³Ì,ÔÚÕâ¸öÇé¿öÏÂ:Óû§Ê×ÏÈÉí·þÎñÆ÷·¢ËÍÒ»¸öÇëÇó,È»ºóWeb·þÎñÆ÷¸ù¾ÝÓû§·¢Ë͵ÄÇëÇóÄÚÈÝ,Ö´ÐÐÏàÓ¦µÄÈÎÎñ,²¢·µ»ØÒ»¸öÖ´Ðнá¹û.²»¹ýÕâÖÖ·½Ê½,Ö»ÓÐÐÔÉϵÄÒªÇó,ȴûÓÐÐÔÉÏ¿ì¸Ð.ÔÚÄãÏò·þÎñ·¢ËÍÇëÇó¹ýºó,²¢ÇÒ·þÎñÆ÷ÔÚûÓжÔÄãµÄÇëÇó×÷³öÏìӦǰ,Äã±ØÐëµÈ´ý.ËùÒÔÔÚÕâ¸ö¹ý³Ìµ±ÖÐÄãÊÇÒ»¸ö±»Ç¿¼éµÄ¶ÔÏó.±ØÐëµÈ´ý·þÎñÆ÷µÄ×îÖÕ½á¹û.¿ÉÏë¶øÖª,Õâ¸ö¹ý³ÌÄãÊÇÍ´¿àµÄ.ÒòΪÒÔÇ°µÄWeb´«Êä×ÜÊÇ°ÚÍѲ»ÁËÕâÖÖ±»Ç¿¼éµÄÃüÔË.ÈçÏÂͼËùʾ:
¡¡ ͼ1.´«Í³webÓ¦ÓóÌÐòÄ£ÐÍ
¡¡ Èç¹ûÓû§½ö½öÐèÒª¸Ä±äÒ³ÃæÖеÄijһ²¿·ÖµÄÊý¾Ý.µ«ÊÇÔÚÕâÖÖÇ°Ìáϲ»µÃ²»Ë¢ÐÂÕû¸öÒ³Ãæ.ÏÔÈ»ÕâÖÖÔÚÕûÌì³³×ÅÈËÐÔ»¯µÄ½ñÌìÒ»µãÒ²²»ÈËÐÔ»¯.AjaxÏÔÈ»¿ÉÒԸıäÕâÑùÒ»ÖÖ¾ÖÃæ.
¡¡ AjaxÏÔÈ»ÊDZȽϴÏÃ÷µÄÒ»ÖÖ×ö·¨.Ëü²ÉÓõÄÊÇÒì²½½»»¥µÄ·½Ê½.ÔÚÓû§ºÍ·þÎñÖ®¼ä²ÉÓÃÒ»ÖÖÃûÐÞÕ»µÀ,°µ¶É³Â²ÖµÄ·½Ê½.¸Ä±äÁËÄǸö³¤Ê±¼äµÈ´ýµÄ¹ýģʽ.AjaxÔÊÐíÓû§ºÍÓ¦Ó÷þÎñÆ÷ϵͳ֮¼äÒÔÒì²½µÄ·½Ê½½øÐÐ.¶ÀÁ¢ÓÚÓû§Óëweb·þÎñÆ÷µÄ½»»¥.Ã÷°ÚÁË˵¾ÍÊÇÓÃJavascriptµ÷ÓÃAjaxÒýÇæÀ´²úÉúÒ»¸öHTTPµÄÓû§ÇëÇó.²»Ë¢ÐÂÕû¸öÒ³ÃæµÄÇé¿öϽøÐÐÏòWeb·þÎñÆ÷½øÐÐÇëÇó.ÏñºìÐÓ³öǽһÑù,ÈÃÓû§¾õ²é²»µ½Êý¾ÝµÄÇë·¨Çó±ä»¯.ËùÒÔ˵ÕâÖÖ·½Ê½ÊǴ̼¤ÐÔµÄ.ÁîºÜ¶àÈËÀִ˲»Æ£.ÈçÏÂͼËùʾ:
¡¡ ͼ2.»ù±¾AjaxµÄWebÓ¦ÓóÌÐòÄ£ÐÍ
¡¡ ʹÓÃAjax¿ÉÒÔÓÐÒÔϼ¸¸öºÃ´¦:
¡¡ 1.¼õÉÙ·þÎñµÄ¸ºµ£,
¡¡ 2.ÎÞÐèË¢ÐÂÒ³Ãæ.×îÆðÂë²»»áÕû¸öË¢ÐÂÒ³Ãæ,°ÚÍѵȴýµÄ¸Ð¾õ.AjaxÊÇʹÓÃXMLHttpRequest¶ÔÏó·¢ËÍÇëÇ󲢵õ½·þÎñÆ÷ÏìÓ¦.
¡¡ 3.µ÷ÓÃÍⲿÊý¾Ý.
¡¡ 4.²»ÐèÒªÏÂÔزå¼þ»òÕßС³ÌÐò°²×°.
Ô ÎÄ Ajax ѧϰϵͳ֮һ:ÈÏʶAjax
Éó ¸å£º²»Ïê °æȨÎÊÌâÇëÁªÏµ£º°æȨÉêÃ÷
¡¡