Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

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+jspÎÞË¢ÐÂÑéÖ¤ÂëʵÀý

[list=1]
ÎÒÃÇÔÚ×öÑéÖ¤ÂëµÄʱºòÍùÍùÓÉÓÚÒª·´×÷±×£¬ÑéÖ¤ÓÐʱ¹ÊÒâ¼ÓÈë¶àµÄ¸ÉÈÅÒòËØ£¬ÕâʱÑéÖ¤ÂëÏÔʾ²»ºÜÇå³þ£¬Óû§¾­³£ÊäÈë´íÎó¡£ÕâÑù²»µ«ÒªÖØÐÂË¢ÐÂÒ³Ãæ£¬µ¼ÖÂÓû§Ã»Óп´Çå³þÑéÖ¤Âë¶øÖØÌî¶ø²»ÊÇÐ޸쬶øÇÒÈç¹ûûÓÐÓÃsession±£´æÏÂÓû§ÊäÈëµÄÆäËüÊý¾ÝµÄ»°(ÈçÐÕÃû)£¬Óû§¸Õ¸ÕÊäÈëµÄÄÚÈÝÒ²²»´æÔÚÁË£¬ÕâÑù¸øÓû§Ôì³É²»ºÃµÄÌåÑé ......

AJAX ¼¼ÊõÈëÃÅ

index.jsp
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>AJAX ¼¼Êõ¼òµ¥Ó¦ÓÃ</title>
       ......

AJAXÖе±Êó±ê»¬¹ý,ÐбäÉ«.


<style type="text/css">
<!--
.STYLE1 {
 font-size: 24px;
 font-weight: bold;
}
.STYLE2 {font-size: 36px}
-->
 .mouseOut {
    color: #000000;
 
 
  
    }
    .mouseOver {
 &nb ......

10ÖÖAJAX/JavaScriptÌØÐ§ÊµÀýÈÃÄãµÄÍøÕ¾¸üÎüÒýÈË

 ½ñÌìµÄ»°ÌâÊÇÈçºÎ¸Ä½ø×Ô¼ºÍøÕ¾µÄ½çÃæ»òÌá¸ßÍøÕ¾µÄÊÓ¾õÌåÑ飬´Ó¶øÈÃÓû§¼ÇÒäÓÌС£
¡¡¡¡ÎÒÃÇÓÐÈýÖÖÖ÷ÒªµÄ·½·¨(´ÓÄѵ½Ò×):×Ô¼º¶¯ÊÖд½Å±¾;ʹÓÃÀàËÆÓÚjQueryºÍmooToolsµÄJavaScript¿ò¼Ü(¿ÉÒÔÈñàд´úÂë±äµÃ¸üÈÝÒ×Щ);ʹÓÃÄܹ¤×÷ÓÚÏÖÓеÄJavaScript¿ò¼ÜϵÄÌáǰԤÖúõĽű¾»òÄÇÖÖ´ÓÍ·¿ªÊ¼¿ª·¢µÄ´´½¨Õß¡£ÕâÆªÎÄÕÂÊʺÏÄÇ ......

´«ÖDz¥¿ÍAjaxÊÓÆµºó¼¯ÊÓÆµËæ±Ê

 ===============ÏÂÆ­Ajax
================
ʮһ¡¢µÚʮһ¿Î   ===¡· ʹÓÃXHR¶ÔÏó·¢ËͺͽÓÊÜÊý¾Ý
a.¼ÌÐøÉÏÃæ²½Öè
2)×¢²á»Øµ÷º¯Êý,ֻдº¯ÊýÃû³Æ(Èç¹û¼ÓÁËÀ¨ºÅ£¬ÄÇô¾Í°Ñº¯Êý·µ»ØÖµ×¢²á¸ø»Øµ÷º¯Êý)
xmlHttp.onreadystatechange = callback;
3)ÉèÖÃÁ¬½ÓÐÅÏ¢
//µÚÒ»²ÎÊýÊÇHttpÇëÇó·½Ê½£¬Ò»°ãÑ¡Ôñget¡¢pos ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ