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

ʹÓà jQuery ¼ò»¯ Ajax ¿ª·¢


¿´¿´ Ajax ºÍ DOM ½Å±¾±à³Ì¾¿¾¹Óжà¼òµ¥
ÎĵµÑ¡Ïî

½«´ËÒ³×÷Ϊµç×ÓÓʼþ·¢ËÍ
¼¶±ð£º Öм¶
Jesse Skinner, Web ¿ª·¢ÈËÔ±, Freelance
2007 Äê 5 ÔÂ 16 ÈÕ
jQuery ÊÇÒ»¸öJavaScript ¿â£¬ËüÓÐÖúÓÚ¼ò»¯ JavaScript™ ÒÔ¼° Asynchronous JavaScript + XML (Ajax) ±à³Ì¡£ÓëÀàËÆµÄ JavaScript ¿â²»Í¬£¬jQuery ¾ßÓжÀÌصĻù±¾Ô­Àí£¬¿ÉÒÔ¼ò½àµØ±íʾ³£¼ûµÄ¸´ÔÓ´úÂ롣ѧϰ jQuery »ù±¾Ô­Àí£¬Ì½Ë÷ÆäÌØÐԺ͹¦ÄÜ£¬Ö´ÐÐһЩ³£¼ûµÄ Ajax ÈÎÎñ²¢ÕÆÎÕÈçºÎʹÓòå¼þÀ©Õ¹ jQuery¡£
jQuery ÊÇʲô£¿
jQuery ÓÉ John Resig ´´½¨ÓÚ 2006 Äê³õ£¬¶ÔÓÚÈκÎʹÓà JavaScript ´úÂëµÄ³ÌÐòÔ±À´Ëµ£¬ËüÊÇÒ»¸ö·Ç³£ÓÐÓÃµÄ JavaScript ¿â¡£ÎÞÂÛÄúÊǸոսӴ¥ JavaScript ÓïÑÔ£¬²¢ÇÒÏ£Íû»ñµÃÒ»¸öÄܽâ¾öÎĵµ¶ÔÏóÄ£ÐÍ£¨Document Object Model£¬DOM£©½Å±¾ºÍ Ajax ¿ª·¢ÖÐһЩ¸´ÔÓÎÊÌâµÄ¿â£¬»¹ÊÇ×÷Ϊһ¸öÑá¾ëÁË DOM ½Å±¾ºÍ Ajax ¿ª·¢ÖÐÎÞÁĵÄÖظ´¹¤×÷µÄ×ÊÉî JavaScript ר¼Ò£¬jQuery ¶¼»áÊÇÄúµÄÊ×Ñ¡¡£
jQuery ÄÜ°ïÖúÄú±£Ö¤´úÂë¼ò½àÒ׶Á¡£ÄúÔÙÒ²²»±Ø±àд´ó¶ÑÖظ´µÄÑ­»·´úÂëºÍ DOM ½Å±¾¿âµ÷ÓÃÁË¡£Ê¹Óà jQuery£¬Äú¿ÉÒÔ°ÑÎÕÎÊÌâµÄÒªµã£¬²¢Ê¹Óþ¡¿ÉÄÜ×îÉٵĴúÂëʵÏÖÄúÏëÒªµÄ¹¦ÄÜ¡£
ºÁÎÞÒÉÎÊ£¬jQuery µÄÔ­ÀíÊǶÀÒ»ÎÞ¶þµÄ£ºËüµÄÄ¿µÄ¾ÍÊDZ£Ö¤´úÂë¼ò½à²¢¿ÉÖØÓᣵ±ÄúÀí½â²¢Ìå»áÕâÒ»Ô­Àíºó£¬±ã¿ÉÒÔ¿ªÊ¼Ñ§Ï°±¾½Ì³ÌÁË£¬¿´¿´ jQuery ¶ÔÎÒÃǵıà³Ì·½Ê½ÓжàÉٸĽø°É¡£
»ØÒ³Ê×
һЩ¼òµ¥µÄ´úÂë¼ò»¯
ÏÂÃæÊÇÒ»¸ö¼òµ¥Ê¾Àý£¬Ëü˵Ã÷ÁË jQuery ¶Ô´úÂëµÄÓ°Ïì¡£ÒªÖ´ÐÐһЩÕæÕý¼òµ¥ºÍ³£¼ûµÄÈÎÎñ£¬±È·½ËµÎªÒ³ÃæµÄijһÇøÓòÖеÄÿ¸öÁ´½Ó¸½¼ÓÒ»¸öµ¥»÷£¨click£©Ê¼þ£¬Äú¿ÉÒÔʹÓô¿ JavaScript ´úÂëºÍ DOM ½Å±¾À´ÊµÏÖ£¬Èç Çåµ¥ 1 Ëùʾ¡£
Çåµ¥ 1. ûÓÐʹÓà jQuery µÄ DOM ½Å±¾
var external_links = document.getElementById('external_links');
var links = external_links.getElementsByTagName('a');
for (var i=0;i < links.length;i++) {
var link = links.item(i);
link.onclick = function() {
return confirm('You are going to visit: ' + this.href);
};
}

Çåµ¥ 2 ÏÔʾÁËʹÓà jQuery ʵÏÖµÄÏàͬµÄ¹¦ÄÜ¡£
Çåµ¥ 2. ʹÓÃÁË jQuery µÄ DOM ½Å±¾


Ïà¹ØÎĵµ£º

1.0µÄAjax Toolkit°áµ½.Net 3.5ÉÏ

ÒÔÇ°×öÁËЩajax£¬ÊÇÔÚ.net2.0¼ÓÉÏajax toolkit¿ª·¢µÄ¡£ÏÖÔÚÒª×÷Ϊһ¸öÏÖÓÐÍøÕ¾µÄ×ÓÕ¾µã¡£Ä¿Ç°µÄ3.5ϵͳ×Ô´ø3.5°æ±¾µÄajax£¬Ò²¾ÍÊÇSystem.Web.Extensions 3.5¡£Õâ¸öÔÚajax toolkit 1.0ÖÐÒ²ÊÇͬÑùµÄassemblyÃû×Ö£¬ÒÔÖÁweb.configÎļþ»á±¨´í£¬ËµÕÒµ½2¸öͬÑùµÄassembly¡£ÓÖ²»¿ÉÄÜÈ¥ÐÞ¸ÄÀÏÕ¾ÀïÃæµÄÎļþ£¬Ôõô°ìÄØ£¿ÎÒÃǼÈÏ£Íû±£Á ......

AJAX ÎÞË¢ÐÂ

ICallbackEventHandler 
         
 aspx  Ò³Ã棺
function CallServer(PhotoId)
{
        document.getElementById("updatediv").style.display = "block";
        documen ......

ASP.NET Óë AJAXµÄʵÏÖ·½Ê½

µ½Èí¼þ¹«Ë¾Ñ§IT¼¼Êõhttp://www.tsp2c.cn/
Ajax Ó¦¸Ã²»ÊÇÒ»Ïî¼¼Êõ£¬ÊÇÒ»ÖÖ˼Ïë¶øÒÑ£¬¸ú ASP.NET ÒÔ¼°ÆäËü Web ¿ª·¢ÓïÑÔûÓÐʲô̫´ó¹Øϵ£¬ÕâÀïÖ»ÊÇ̸̸ ASP.NET ÖÐĿǰʹÓÃµÄ Ajax ¼¼ÊõÒÔ¼°ÆäËüһЩʵÏÖ Ajax µÄÓÅÐã¿ò¼Ü¡£
¡¡¡¡Ajax ÒѾ­ºÜÁ÷ÐÐÒ»Õó×ÓÁË£¬ÏÖÔÚ̸ Ajax ¾õµÃÓеãÀÏÍÁ¡£Ä¿Ç°ËùνµÄ Web2.0 ÍøÕ¾£¬»ù±¾ÉÏûÓв» ......

XMLHttpRequest½øÐÐajaxͨѶʱÖÐÎÄÂÒÂëÎÊÌâ½â¾ö

 Ê¹ÓÃjsµ÷ÓÃXMLHttpRequest½øÐÐajaxͨѶʱ£¬Èç¹û·þÎñÆ÷¶ËÒª´«µÝµÄÊý¾ÝÖÐÓÐÖÐÎÄʱ£¬ÎÒÃǵĽâ¾ö°ì·¨¡£
1¡¢Ò³Ã棺
     Ò»°ãÔÚÒ³ÃæÎÒÃÇΪÁË·½±ã£¬×îºÃʹÓÃUTF-8±àÂë¡£
2¡¢·þÎñÆ÷¶Ë£º
     ÎÒÃÇÔÚ·þÎñÆ÷¶ËµÄ´úÂëÀïÃæ¶Ôresponse¶ÔÏóµÄÉèÖÃÈçÏ£º
//ÉèÖÃresponseµÄ±àÂë
......

AjaxµÄºËÐĶÔÏóXMLHttpRequest

   XMLHttpRequestÊÇXMLHTTP×é¼þµÄ¶ÔÏó£¬Í¨¹ýÕâ¸ö¶ÔÏó£¬Ajax¿ÉÒÔÏñ×ÀÃæÓ¦ÓóÌÐòÒ»Ñùֻͬ·þÎñÆ÷½øÐÐÊý¾Ý²ãµÄÐÅÏ¢½»»»£¬¶ø²»ÓÃÿ´Î¶¼Ë¢ÐÂÒ³Ã棬Ҳ²»ÓÃÿ´Î½«Êý¾Ý´¦ÀíµÄ¹¤×÷¶¼½»¸ø·þÎñÆ÷À´×ö£»ÕâÑù¼´¼õÇáÁË·þÎñÆ÷µÄ¸ºµ£ÓÖ¼Ó¿ìÁËÏìÓ¦Ëٶȡ¢Ëõ¶ÌÁËÓû§µÈ´ýµÄʱ¼ä¡£
    XMLHttpRequestÊÇAjax¼¼ÊõÖÐ×î ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ