[ËÄÌìѧ»áajax]ѧϰajax½Ì³ÌµÚ¶þÌì
¶àÊý Web Ó¦ÓóÌÐò¶¼Ê¹ÓÃÇëÇó/ÏìӦģÐÍ´Ó·þÎñÆ÷ÉÏ»ñµÃÍêÕûµÄ HTML Ò³Ãæ¡£³£³£Êǵã»÷Ò»¸ö°´Å¥£¬µÈ´ý·þÎñÆ÷ÏìÓ¦£¬ÔÙµã»÷ÁíÒ»¸ö°´Å¥£¬È»ºóÔٵȴý£¬ÕâÑùÒ»¸ö·´¸´µÄ¹ý³Ì¡£ÓÐÁË Ajax ºÍ XMLHttpRequest ¶ÔÏ󣬾ͿÉÒÔʹÓò»±ØÈÃÓû§µÈ´ý·þÎñÆ÷ÏìÓ¦µÄÇëÇó/ÏìӦģÐÍÁË¡£±¾ÎÄÖУ¬Brett McLaughlin ½éÉÜÁËÈçºÎ´´½¨Äܹ»ÊÊÓ¦²»Í¬ä¯ÀÀÆ÷µÄ XMLHttpRequest ʵÀý£¬½¨Á¢ºÍ·¢ËÍÇëÇ󣬲¢ÏìÓ¦·þÎñÆ÷¡£
±¾ÏµÁеÄÉÏÒ»ÆÚÎÄÕ£¨Çë²ÎÔIJο¼×ÊÁÏ ÖеÄÁ´½Ó£©£¬ÎÒÃǽéÉÜÁË Ajax Ó¦ÓóÌÐò£¬¿¼²ìÁËÍƶ¯ Ajax Ó¦ÓóÌÐòµÄ»ù±¾¸ÅÄî¡£ÆäÖеĺËÐÄÊǺܶàÄú¿ÉÄÜÒѾÁ˽âµÄ¼¼Êõ£ºJavaScript¡¢HTML ºÍ XHTML¡¢Ò»µã¶¯Ì¬ HTML ÒÔ¼° DOM£¨Îĵµ¶ÔÏóÄ£ÐÍ£©¡£±¾ÎĽ«·Å´óÆäÖеÄÒ»µã£¬°ÑÄ¿¹â·Åµ½¾ßÌåµÄ Ajax ϸ½ÚÉÏ¡£
±¾ÎÄÖУ¬Äú½«¿ªÊ¼½Ó´¥×î»ù±¾ºÍ»ù´¡ÐÔµÄÓÐ¹Ø Ajax µÄÈ«²¿¶ÔÏóºÍ±à³Ì·½·¨£ºXMLHttpRequest ¶ÔÏ󡣸öÔÏóʵ¼ÊÉϽö½öÊÇÒ»¸ö¿çÔ½ËùÓÐ Ajax Ó¦ÓóÌÐòµÄ¹«¹²Ị̈߳¬Äú¿ÉÄÜÒѾԤÁϵ½£¬Ö»Óг¹µ×Àí½â¸Ã¶ÔÏó²ÅÄܳä·Ö·¢»Ó±à³ÌµÄDZÁ¦¡£ÊÂʵÉÏ£¬ÓÐʱÄú»á·¢ÏÖ£¬ÒªÕýÈ·µØʹÓà XMLHttpRequest£¬ÏÔÈ»²»ÄÜ Ê¹Óà XMLHttpRequest¡£Õâµ½µ×ÊÇÔõô»ØÊÂÄØ£¿
Web 2.0 һƳ
ÔÚÉîÈëÑо¿´úÂë֮ǰÊ×ÏÈ¿´¿´×î½üµÄ¹Ûµã —— Ò»¶¨ÒªÊ®·ÖÇå³þ Web 2.0 Õâ¸ö¸ÅÄî¡£Ìýµ½ Web 2.0 Õâ¸ö´ÊµÄʱºò£¬Ó¦¸ÃÊ×ÏÈÎÊÒ»ÎÊ “Web 1.0 ÊÇʲô£¿” ËäÈ»ºÜÉÙÌýÈËÌáµ½ Web 1.0£¬Êµ¼ÊÉÏËüÖ¸µÄ¾ÍÊǾßÓÐÍêÈ«²»Í¬µÄÇëÇóºÍÏìӦģÐ͵Ĵ«Í³ Web¡£±ÈÈ磬µ½ Amazon.com ÍøÕ¾Éϵã»÷Ò»¸ö°´Å¥»òÕßÊäÈëËÑË÷Ïî¡£¾Í»á¶Ô·þÎñÆ÷·¢ËÍÒ»¸öÇëÇó£¬È»ºóÏìÓ¦ÔÙ·µ»Øµ½ä¯ÀÀÆ÷¡£¸ÃÇëÇó²»½ö½öÊÇͼÊéºÍÊéÄ¿ÁÐ±í£¬¶øÊÇÁíÒ»¸öÍêÕûµÄ HTML Ò³Ãæ¡£Òò´Ëµ± Web ä¯ÀÀÆ÷ÓÃÐ嵀 HTML Ò³ÃæÖØ»æʱ£¬¿ÉÄܻῴµ½ÉÁ˸»ò¶¶¶¯¡£ÊÂʵÉÏ£¬Í¨¹ý¿´µ½µÄÿ¸öÐÂÒ³Ãæ¿ÉÒÔÇåÎúµØ¿´µ½ÇëÇóºÍÏìÓ¦¡£
Web 2.0£¨Ôںܴó³Ì¶ÈÉÏ£©Ïû³ýÁËÕâÖÖ¿´µÃ¼ûµÄÍù¸´½»»¥¡£±ÈÈç·ÃÎÊ Google Maps »ò Flickr ÕâÑùµÄÕ¾µã£¨µ½ÕâЩ֧³Ö Web 2.0 ºÍ Ajax Õ¾µãµÄÁ´½ÓÇë²ÎÔÄ ²Î¿¼×ÊÁÏ£©¡£±ÈÈçÔÚ Google Maps ÉÏ£¬Äú¿ÉÒÔÍ϶¯µØͼ£¬·Å´óºÍËõС£¬Ö»ÓкÜÉÙµÄÖØ»æ²Ù×÷¡£µ±È»ÕâÀïÈÔÈ»ÓÐÇëÇóºÍÏìÓ¦£¬Ö»²»¹ý¶¼²Øµ½ÁËÄ»ºó¡£×÷ΪÓû§£¬ÌåÑé¸ü¼ÓÊæÊÊ£¬¸Ð¾õºÜÏñ×ÀÃæÓ¦ÓóÌÐò¡£ÕâÖÖеĸÐÊܺͷ¶Ð;ÍÊǵ±ÓÐÈËÌáµ½ Web 2.0 ʱÄúËùÌå»áµ½µÄ¡£
ÐèÒª¹ØÐĵÄÊÇÈçºÎʹÕâЩеĽ»»¥³ÉΪ¿ÉÄÜ¡£ÏÔÈ»£¬ÈÔÈ»ÐèÒª·¢³öÇëÇóºÍ½ÓÊÕÏìÓ¦£¬µ«ÕýÊÇÕë¶Ôÿ´ÎÇëÇó/ÏìÓ¦½»»¥µÄ HTML ÖØ»æÔì³ÉÁË»ºÂý¡¢±¿×¾µÄ Web ½»»¥µÄ¸ÐÊÜ¡£Òò´ËºÜÇå³þ£¬ÎÒÃ
Ïà¹ØÎĵµ£º
AJAX¼ò½é
Ò»¡¢AJAXÊÇʲô
ÔÚ´«Í³µÄwebÓ¦ÓÃÖУ¬Óû§ÓëÓ¦ÓõÄÿһ´Î½»»¥£¬¶¼ÊÇÊ×ÏÈÓû§Í¨¹ýä¯ÀÀÆ÷Ïò·þÎñÆ÷¶Ë·¢ËÍÒ»¸ö
ÇëÇ󣬷þÎñÆ÷½âÎöÕâ¸öÇëÇ󣬽«ÏàÓ¦µÄÏìÓ¦ÐÅÏ¢·µ»Ø¸øä¯ÀÀÆ÷¡£ÔÚ·þÎñÆ÷¶ËÒµÎñÂß¼·Ç³£¸´ÔÓ»òÕßÐèÒªºÄʱ½Ï³¤µÄÇé¿öÏ£¬ä¯ÀÀÆ÷µÈ´ýË¢ÐÂʱ£¬Ò³Ãæ¾³£ÊÇһƬ¿Õ
°×£¬Óû§Ö»Äܱ»¶¯µÈ´ý·þÎñÆ÷¶ËÏìÓ¦Íê³É£¬ÔÚ´ËÆÚ¼ ......
SyntaxHighlighterÊÇÒ»¸ö´úÂë¸ßÁÁ²å¼þ£¬cnblogsµÄÆÀÂÛÒ²Óõ½ÁËSyntaxHighlighter¡£SyntaxHighlighterµÄÏêϸ½éÉÜ£¬Ô°×ÓÖÐÓкܶࡣÕâÀï¾Í²»½éÉÜÁË¡£
ʹÓÃJQµÄAjax
˵ÏÂÎÒÓöµ½µÄÎÊÌ⣬ÏÂÃæÊDzâÊÔÒ³Ã棺
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></ ......
1¡¢ÔÚ·þÎñ¶Ë¼Ó header("Cache-Control: no-cache, must-revalidate");
¡¡¡¡2¡¢ÔÚajax·¢ËÍÇëÇóÇ°¼ÓÉÏ xmlHttpRequest.setRequestHeader("If-Modified-Since","0");
¡¡¡¡3¡¢ÔÚajax·¢ËÍÇëÇóÇ°¼ÓÉÏ xmlHttpRequest.setRequestHeader("Cache-Control","no-cache");
¡¡¡¡4¡¢ÔÚ Ajax µÄ URL ²ÎÊýºó¼ÓÉÏ "?fresh=" + Math.rando ......
Ajax------ºÜ¶à³ÌÐòÔ±¶¼Ï²»¶ÍæÕâ¸ö¶«Î÷,¾õµÃºÜÊǸßÉîĪ²â,¶øÇÒÔ½ÊÇÍ´¿àÔ½ÖÓ°®,ÎÒ·¢ÏÖÕâÊdzÌÐòÔ±µÄͨ²¡,ºÃÏñ²»ÕÛÄ¥×Ô¼º²»×ãÒÔÏíÊÜÕâôÃÀºÃµÄÉú»î,AjaxºÜ»ð,ȷʵºÜ»ð,»ðµ½Ê²Ã´³Ì¶ÈÎÒÒѾ²»´óÇå³þ,ÔÚµ±Ê±ÎÒѧ³ÌÐòµÄÄǸöÄê´úËüÉõÖÁ³¬¹ýspring,strutsµÈµÈÖ÷Á÷µÄ¿ò¼Ü,ÌìÄÄ΢ÈíºÍSUN¶¼ºÜµ£ÐÄ,µ«ÊÇʱ¼äÖ¤Ã÷Ajax½ö½öÖ»ÊǸöÕâЩ³ÌÐòÔ± ......
Ajax ÓÉ HTML¡¢JavaScript™ ¼¼Êõ¡¢DHTML ºÍ DOM ×é³É£¬ÕâÒ»½Ü³öµÄ·½·¨¿ÉÒÔ½«±¿×¾µÄ Web ½çÃæת»¯³É½»»¥Ð﵀ Ajax Ó¦ÓóÌÐò¡£±¾ÎĵÄ×÷ÕßÊÇһλ Ajax ר¼Ò£¬ËûÑÝʾÁËÕâЩ¼¼ÊõÈçºÎÐͬ¹¤×÷ —— ´Ó×ÜÌå¸ÅÊöµ½Ï¸½ÚµÄÌÖÂÛ —— ʹ¸ßЧµÄ Web ¿ª·¢³ÉΪÏÖʵ¡£Ëû»¹½Ò¿ªÁË Ajax ºËÐĸÅÄîµÄÉñÃØÃæÉ´£¬°üÀ¨ ......