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

jQuery ajaxÖÐÎÄAPI¼°½Ì³Ì×ÊÁÏ´óÈ«

jQueryÓÉÃÀ¹úÈËJohn Resig´´½¨£¬ÖÁ½ñÒÑÎüÒýÁËÀ´×ÔÊÀ½ç¸÷µØµÄÖÚ¶àjavascript¸ßÊÖ¼ÓÈëÆäteam£¬°üÀ¨À´×Ե¹úµÄJörn Zaefferer£¬ÂÞÂíÄáÑǵÄStefan PetreµÈµÈ¡£
¡¡¡¡jQueryÊǼÌprototypeÖ®ºóÓÖÒ»¸öÓÅÐãµÄJavascrīpt¿ò¼Ü¡£Æä×ÚÖ¼ÊÇ——WRITE LESS,DO MORE,д¸üÉٵĴúÂë,×ö¸ü¶àµÄÊÂÇé¡£
¡¡¡¡ËüÊÇÇáÁ¿¼¶µÄjs¿â(ѹËõºóÖ»ÓÐ21k) £¬ÕâÊÇÆäËüµÄjs¿âËù²»¼°µÄ£¬Ëü¼æÈÝCSS3£¬»¹¼æÈݸ÷ÖÖä¯ÀÀÆ÷ £¨IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+£©¡£
¡¡¡¡jQueryÊÇÒ»¸ö¿ìËٵ쬼ò½àµÄjavaScript¿â£¬Ê¹Óû§Äܸü·½±ãµØ´¦ÀíHTML documents¡¢events¡¢ÊµÏÖ¶¯»­Ð§¹û£¬²¢ÇÒ·½±ãµØÎªÍøÕ¾ÌṩAJAX½»»¥¡£
¡¡¡¡jQuery»¹ÓÐÒ»¸ö±È½Ï´óµÄÓÅÊÆÊÇ£¬ËüµÄÎĵµËµÃ÷ºÜÈ«£¬¶øÇÒ¸÷ÖÖÓ¦ÓÃҲ˵µÃºÜÏêϸ£¬Í¬Ê±»¹ÓÐÐí¶à³ÉÊìµÄ²å¼þ¿É¹©Ñ¡Ôñ¡£
¡¡¡¡jQueryÄܹ»Ê¹Óû§µÄhtmlÒ³±£³Ö´úÂëºÍhtmlÄÚÈÝ·ÖÀ룬Ҳ¾ÍÊÇ˵£¬²»ÓÃÔÙÔÚhtmlÀïÃæ²åÈëÒ»¶ÑjsÀ´µ÷ÓÃÃüÁîÁË£¬Ö»Ð趨Òåid¼´¿É¡£
¡¡¡¡JqueryÊǼÌprototypeÖ®ºóÓÖÒ»¸öÓÅÐãµÄJavascrīpt¿ò¼Ü¡£¶ÔprototypeÎÒʹÓò»¶à£¬¼òµ¥Á˽â¹ý¡£µ«Ê¹ÓÃÉÏjqueryÖ®ºó£¬ÂíÉϱ»ËýµÄÓÅÑÅÎüÒýסÁË¡£ÓÐÈËʹÓÃÕâÑùµÄÒ»±ÈÓ÷À´±È½ÏprototypeºÍjquery£ºprototype¾ÍÏñJava£¬¶øjquery¾ÍÏñruby.ʵ¼ÊÉÏÎұȽÏϲ»¶java£¨ÉÙ½Ó´¥Ruby °ÕÁË£©µ«ÊÇjqueryµÄ¼òµ¥µÄʵÓõÄÈ·ÓÐÏ൱´óµÄÎüÒýÁ¦°¡£¡ÔÚÏîÄ¿ÀïÎÒ°Ñjquery×÷Ϊ×Ô¼ºÎ¨Ò»µÄ¿ò¼ÜÀà°ü¡£Ê¹ÓÃÆä¼äÒ²ÓÐÒ»µãµãÐĵã¬ÆäʵÕâЩÐĵã¬ÔÚjqueryµÄÎĵµÉÏÃæÒ²¿ÉÄÜÓн²£¬²»¹ý»¹ÊǼÇÏÂÀ´£¬ÒÔ±¸Íü°Õ¡£
Ò»£¬ÕÒµ½ÄãÁË£¡
¡¡¡¡»¹¼ÇµÃ$()Õâ¸ö¶«Î÷°É£¿ÎÞÂÛprototype»¹ÊÇDWR¶¼Ê¹ÓÃÁËÕâ¸öº¯Êý´úÌædocument.getElementById()¡£Ã»´í£¬jqueryÒ²¸ú·çÁË¡£Îª´ïµ½document.getElementById()µÄÄ¿µÄ£¬jqueryÊÇÕâÑùдµÄ£º
¡¡¡¡´úÂë
¡¡¡¡var someElement = $("#myId");
¡¡¡¡¿´ÆðÀ´±ÈÆäËûÁ½¸ö¿ò¼ÜµÄÒª¶àÁËÒ»¸ö#£¬ºÃ£¬¿´¿´ÏÂÃæµÄÓ÷¨£º
¡¡¡¡´úÂë
¡¡¡¡$("div p"); // (1)
¡¡¡¡$("div.container"); // (2)
¡¡¡¡$("div #msg"); // (3)
¡¡¡¡$("table a",context); // (4)
¡¡¡¡ÔÚprototypeÀï¿´¹ýÕâÑùµÄд·¨Â𣿵ÚÒ»ÐдúÂëµÃµ½ËùÓбêǩϵÄPÔªËØ¡£µÚ¶þÐдúÂëµÃµ½class ΪcontainerµÄÔªËØ,µÚÈýÐдúÂëµÃµ½±êÇ©ÏÂÃæidΪmsgµÄÔªËØ¡£µÚËÄÐдúÂëµÃµ½contextΪÉÏÏÂÎĵÄtableÀïÃæËùÓеÄÁ¬½ÓÔªËØ¡£
¡¡¡¡Èç¹ûÄãÊìϤCSS£¬Äã»á¾õµÃÕâЩд·¨ºÜÑÛÊ죡¶ÔÁË¡£ÕýÊÇ¡£¿´³ö°ÂÃîÁ˰ɡ£jquery¾ÍÊÇͨ¹ýÕâÑùµÄ·½Ê½À´ÕÒµ½Dom¶ÔÏóÀïÃæµÄÔªËØ¡£¸úCSSµÄÑ¡ÔñÆ÷ÏàÀàËÆ¡£
¶þ£¬


Ïà¹ØÎĵµ£º

ÔöÇ¿AJAX/Javascript/JSÍøÒ³ÎÄ×ÖץȡÄÜÁ¦


±¾ÎÄÊǶԡ¶AJAX¶¯Ì¬ÍøÒ³ÐÅÏ¢ÌáȡԭÀí¡·
µÄ²¹³ä£¬Ç°ÎÄ×ܽáÁËÁ½ÖÖAJAXÍøÒ³ÎÄ×ÖµÄץȡ·½·¨£º
ÍøÒ³ÎÄ×ÖÔÚ¼ÓÔØHTMLÎĵµ£¨document£©µÄʱºòÓÃJavascript´úÂë»ñÈ¡ºÍÕ¹ÏÖ£¬´ËJavascript´úÂëÔÚ·¢ËÍloadʼþ֮ǰÔËÐУ¬ÄÇô½ÓÊÕµ½loadʼþ±íʾËùÓеÄÄÚÈݶ¼¼ÓÔØÍêÁË
ÍøÒ³ÎÄ×ÖÔÚ¼ÓÔØÍêHTMLÎĵµ£¨document£©ºóÔÚij¸öʱ¿ÌÓÃJavascript ......

AJAXÅäÖöà¸ödwrÎļþ

Ò»°ãÀ´Ëµ£¬ÄãÖ»ÐèÒªÒ»¸ödwr.xmlÎļþ£¬²¢ÇÒ·ÅÖÃÔÚĬÈϵÄλÖãºWEB-INF/dwr.xml¡£ Èç¹ûÄÇÑùµÄ»°£¬Äã¿ÉÒÔ²»ÓÃÁ˽âÏÂÃæµÄÅäÖá£
ÓÐÈý¸öÔ­ÒòʹÄãÏ£ÍûÖ¸¶¨²»Í¬Î»ÖõÄdwr.xmlÎļþ¡£
ÄãÏ£ÍûÈÃdwr.xmlÎļþºÍËüÄÜ·ÃÎʵ½µÄ×ÊÔ´ÔÚÒ»Æð¡£ÔÚÕâÖÖÇé¿öÏÂÄãÐèÒªÒ»¸öÕâÑùµÄÅäÖ㺠<param-value>WEB-INF/classes/com/yourco/dwr/dwr. ......

AJAXÖÐÎÄÎÊÌâ[ת]

AJAXÖÐÎÄÎÊÌâ·ÖΪÁ½´óÀࣺ
1£©·¢ËÍ·¾¶ÖеIJÎÊýÓÐÖÐÎÄ£¬ÔÚ·þÎñÆ÷¶Î½ÓÊÕ²ÎÊýÖµÊÇÂÒÂë
ÀýÈ磺
var url="a.jsp?name=СÀî"£»
xmlHTTP.open ("post",url,true);
½â¾ö°ì·¨£º
ÀûÓÃjavascriptµÄÌṩµÄescape()»òencodeURI()·½·¨
ÀýÈ磺
¿Í»§¶Ë£º
var url="a.jsp?name=СÀî"£»
url=encode ......

jquery+ajax+json+asp.netѧϰ±Ê¼Ç£¨¶þ£©

jqueryͨ¹ýpost´«µÝÊý¾Ýµ½·þÎñÆ÷£¨²»Ê¹Óòå¼þ£©£º
<html>
<head>
    <title>Untitled Page</title>
    <script language="javascript" type="text/javascript" src="js/jquery-1.3.1.js"></script>
    <script language="ja ......

Ö´ÐÐAJAX·µ»ØHTMLƬ¶ÎÖеÄJavaScript½Å±¾

Èç¹ûAJAX¼ÓÔØµÄÊý¾ÝÊÇÒ»¸öHTMLƬ¶Î£¬¶øÇÒÕâ¸öHTMLƬ¶Î»¹°üº¬½Å±¾<script>¿é£¬ÄÇôÔÚÄã°ÑÕâÊý¾ÝxmlHttp.responseTextÓÃinnerHTML·½·¨²åÈëµ½µ±Ç°ÎĵµÒ»¸öÔªËØÖУ¬Äã»á·¢ÏÖAJAX¼ÓÔØ»ØÀ´µÄ½Å±¾¸ù±¾Ã»ÓÐÖ´ÐС£ÕâÊÇAJAX¿ª·¢Öкܳ£¼ûµÄÎÊÌ⣬Èç¹ûÄã²»ÊÇÒ»Ö±ÔÚÓÃJavaScript¿ò¼Ü×ö¿ª·¢£¬ÏàÐÅÄãÔç¾Í·¢ÏÖÕâ¸öÎÊÌâÁË¡£±¾ÎÄ·ÖÎöÁËÁ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ