AJAX ¿ò¼ÜJqueryµÄʹÓ÷½·¨
AJAX Á÷ÐÐÖ®ºó£¬×ÜÏëºÃºÃѧϰһÏ¡£µ«ÊÇÖÚ¶àµÄ¿ò¼ÜʵÔÚÄÑÒÔÑ¡Ôñ¡£ËµÃ÷һϠASP.NET AJAX ²¢²»°üÀ¨ÔÚ AJAX ¿ò¼ÜÖ®ÖС£
¸Õ¿ªÊ¼Ñ§ÁË JQuqery£¬ ÖÚ¶àµÄ $get(),...µÈµÈ·ûºÅÔçÒѰÑÎÒ¸ãÔÎÁË¡£ÔÝʱ¾Í·ÅÆúÁË¡£
ºóÀ´Ñ§Ï° ASP.NET AJAX £¬ÔÚ΢ÈíµÄÁ쵼ϣ¬Öð½¥ÓÉ·þÎñÆ÷¶ËתÏò¿Í»§¶Ë±à³Ì¡£ ¼¤ÆðÎÒ¿Í»§¶Ë±à³ÌµÄÐËȤ£¬
²ÅÏëÆðѧϰһÏÂÁË Jquery.
Ëæ×ÅWEB2.0¼°ajax˼ÏëÔÚ»¥ÁªÍøÉϵĿìËÙ·¢Õ¹´«²¥£¬Â½Ðø³öÏÖÁËһЩÓÅÐãµÄJs¿ò¼Ü£¬ÆäÖбȽÏÖøÃûµÄÓÐPrototype¡¢YUI¡¢jQuery¡¢mootools¡¢BindowsÒÔ¼°¹úÄÚµÄJSVM¿ò¼ÜµÈ£¬Í¨¹ý½«ÕâЩJS¿ò¼ÜÓ¦Óõ½ÎÒÃǵÄÏîÄ¿ÖÐÄܹ»Ê¹³ÌÐòÔ±´ÓÉè¼ÆºÍÊéд·±ÔÓµÄJSÓ¦ÓÃÖнâÍѳöÀ´£¬½«¹Ø×¢µãתÏò¹¦ÄÜÐèÇó¶ø·ÇʵÏÖϸ½ÚÉÏ£¬´Ó¶øÌá¸ßÏîÄ¿µÄ¿ª·¢ËÙ¶È¡£
jQueryÊǼÌprototypeÖ®ºóµÄÓÖÒ»¸öÓÅÐãµÄJavascript¿ò¼Ü¡£ËüÊÇÓÉ John Resig ÓÚ 2006 Äê³õ´´½¨µÄ£¬ËüÓÐÖúÓÚ¼ò»¯ JavaScript™ ÒÔ¼°Ajax ±à³Ì¡£ÓÐÈËʹÓÃÕâÑùµÄÒ»±ÈÓ÷À´±È½ÏprototypeºÍjQuery£ºprototype¾ÍÏñJava£¬¶øjQuery¾ÍÏñruby. ËüÊÇÒ»¸ö¼ò½à¿ìËÙÁé»îµÄJavaScript¿ò¼Ü£¬ËüÄÜÈÃÄãÔÚÄãµÄÍøÒ³Éϼòµ¥µÄ²Ù×÷Îĵµ¡¢´¦Àíʼþ¡¢ÊµÏÖÌØÐ§²¢ÎªWebÒ³ÃæÌí¼ÓAjax½»»¥¡£
Ëü¾ßÓÐÈçÏÂÒ»Ð©ÌØµã£º
1¡¢´úÂë¼òÁ·¡¢ÓïÒåÒ×¶®¡¢Ñ§Ï°¿ìËÙ¡¢Îĵµ·á¸»¡£
2¡¢jQueryÊÇÒ»¸öÇáÁ¿¼¶µÄ½Å±¾£¬Æä´úÂë·Ç³£Ð¡ÇÉ£¬×îаæµÄJavaScript°üÖ»ÓÐ20K×óÓÒ¡£
3¡¢jQueryÖ§³ÖCSS1-CSS3,ÒÔ¼°»ù±¾µÄxPath¡£
4¡¢jQueryÊÇ¿çä¯ÀÀÆ÷µÄ£¬ËüÖ§³ÖµÄä¯ÀÀÆ÷°üÀ¨IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+¡£
5¡¢¿ÉÒÔºÜÈÝÒ×µÄΪjQueryÀ©Õ¹ÆäËû¹¦ÄÜ¡£
6¡¢Äܽ«JS´úÂëºÍHTML´úÂëÍêÈ«·ÖÀ룬±ãÓÚ´úÂëºÍά»¤ºÍÐ޸ġ£
7¡¢²å¼þ·á¸»£¬³ýÁËjQuery±¾Éí´øÓеÄÒ»Ð©ÌØÐ§Í⣬¿ÉÒÔͨ¹ý²å¼þʵÏÖ¸ü¶à¹¦ÄÜ£¬Èç±íµ¥ÑéÖ¤¡¢tabµ¼º½¡¢ÍÏ·ÅЧ¹û¡¢±í¸ñÅÅÐò¡¢DataGrid£¬Ê÷Ðβ˵¥¡¢Í¼ÏñÌØÐ§ÒÔ¼°ajaxÉÏ´«µÈ¡£
jQueryµÄÉè¼Æ»á¸Ä±äÄãдJavaScript´úÂëµÄ·½Ê½£¬½µµÍÄãѧϰʹÓÃJS²Ù×÷ÍøÒ³µÄ¸´ÔÓ¶È£¬Ìá¸ßÍøÒ³JS¿ª·¢Ð§ÂÊ£¬ÎÞÂÛ¶ÔÓÚjs³õѧÕß»¹ÊÇ×ÊÉîר¼Ò£¬jQuery¶¼½«ÊÇÄúµÄÊ×Ñ¡¡£
jQueryÊʺÏÓÚÉè¼ÆÊ¦¡¢¿ª·¢ÕßÒÔ¼°ÄÇЩ»¹ºÃÕߣ¬Í¬ÑùÊʺÏÓÃÓÚÉÌÒµ¿ª·¢£¬¿ÉÒÔ˵jQueryÊʺÏÈκÎJavaScriptÓ¦Óõĵط½£¬¿ÉÓÃÓÚ²»Í¬µÄWebÓ¦ÓóÌÐòÖС£
¹Ù·½Õ¾µã£ºhttp://jquery.com/ ÖÐÎÄÕ¾µã£ºhttp://jquery.org.cn/
1.2¡¢Ä¿µÄ
ͨ¹ýѧϰ±¾Îĵµ£¬Äܹ»¶ÔjQueryÓÐÒ»¸ö¼òµ¥µÄÈÏʶÁ˽⣬Çå³þJQueryÓëÆäËûJS¿ò¼ÜµÄ²»Í¬£¬ÕÆÎÕjQueryµÄ³£ÓÃÓï·¨¡¢Ê¹Óü¼Çɼ°×¢ÒâÊÂÏî¡£
¶þ¡¢Ê¹Ó÷½·¨
ÔÚÐèҪʹÓÃJQueryµÄÒ
Ïà¹ØÎĵµ£º
Ò»¡¢ajaxµÄÈëÃÅ
1¡¢XMLHttpRequest¶ÔÏóµÄʹÓã¨Ê¹ÓÃXMLHttpRequest½âÎöxmlÎļþ£©
onreadystatechange
Ö¸¶¨µ±readyStateÊôÐԸıäʱµÄʼþ´¦Àí¾ä±ú
open()
´´½¨Ò»¸öеÄhttpÇëÇ󣬲¢Ö¸¶¨´ËÇëÇóµÄ·½·¨¡¢URLµÈÐÅÏ¢
send()
·¢ËÍÇëÇóµ½http·þÎñÆ÷²¢½ÓÊÕ»ØÓ¦
& ......
ĬÈÏÇé¿öÏÂAJAX Control Toolkit²¢Ã»Óа²×°µ½VS2008ÖУ¬¿ª·¢ÈËÔ±ÐèÒªµ¥¶ÀÏÂÔØ²¢½øÐа²×°¡£ÍøÖ·ÈçÏ£ºhttp://ajaxcontroltoolkit.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=27326 £¬AJAX Control ToolkitÊÇÒ»¸ö²»¶Ï¸üеÄÏîÄ¿£¬¸ÃÍøÒ³½«Ã¿¶Îʱ¼äÄÚ·¢²¼¶Ô¸Ã¹¤¾ß°üµÄ¸üС£ÔÚ¸ÃÒ³ÃæÖÐÑ¡ÔñAJAXControlToolki ......
Ajax£¬Ñ¡Ôñͬ²½»¹ÊÇÒì²½
AjaxÔÚÍøÒ³ÖÐ×î´óµÄÒ»¸öÓŵãÊÇËü¿ÉÒÔ·ÃÎÊ·þÎñÆ÷ÉϵÄÐÅÏ¢¶ø²»ÐèÒªÖØÐ¼ÓÔØÍøÒ³¡£ÕâÒâζ×ÅÒª¼ìË÷»òÊǸüÐÂÐÅÏ¢µÄijһС¸ö²¿·ÖµÄʱºò£¬Ö»ÐèÒª´Ó·þÎñÆ÷¶Ë´«ËÍÄÇÒ»²¿·ÖÐèÒªµÄÐÅÏ¢¶ø²»ÐèÒªÖØÐÂÏÂÔØÕû¸öÍøÒ³¡£
¡¡¡¡Ajax¿ÉÒÔͨ¹ýÁ½ÖÖ·½·¨·ÃÎÊ·þÎñÆ÷£¬¼´Í¬²½(½Å±¾»áÍ£Áô²¢µÈ´ý·þÎñÆ÷·¢Ëͻظ´È»ºóÔÙ¼ÌÐø)ºÍ ......