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£¬Äã»á¾õµÃÕâЩд·¨ºÜÑÛÊ죡¶ÔÁË¡£ÕýÊÇ¡£¿´³ö°ÂÃîÁË°É¡£
Ïà¹ØÎĵµ£º
×î½ü×ö¸öÈËÍøÕ¾Óöµ½AJAX¿ç×ÓÓòÃûµÄÎÊÌâ¡£
ż¶û¿´µ½baiduµÄͨÐÐÖ¤´¦Àí¶¼ÊÇÔÚ¶þ¼¶ÓòÃûpassport.baidu.comÖд¦ÀíµÄ£¬
µ«ÊÇbaiduºÜ¶àµØ·½µÇ¼¶¼ºÃÏñÊÇÓÃajax´¦ÀíµÄ£¬ËûÊÇÔõô×öµÄÄØ£¿Ñо¿ÁËһϣ¬·¢ÏÖÒ»¸öС¼¼ÇÉ¡£
²»·ÀÈôó¼ÒÒ²½è¼øһϡ£
ÔÚhttp://zhidao.baidu.com/ δµÇ¼Óû§»Ø´ðÎÊÌâʱ»áÓÃiframeµ÷ÓÃhttp://zhidao.bai ......
Ç°ÑÔ£º
»ùÓÚuchomerµÄ²å¼þÈç¹ûûÓÐʹÓÃajax»òflex£¬¿ÉÒÔ˵ÎÞÂÛÈçºÎÒ²×ö²»µ½ÍêÃÀµÄ¡£¶øÏà±ÈÓÚflex£¬ajaxʹÓõĽ϶ࡣºÃ¶à²å¼þ¿ª·¢ÕßÔÚÑо¿
uchomeµÄajaxµÄʹÓùý³ÌÖл¨·ÑÁ˲»ÉÙʱ¼ä£¬´ËÎÄÒâÔÚ¼õÉÙ²å¼þ¿ª·¢ÕßµÄÑо¿Ê±¼ä¡£flexÏà¹Ø²å¼þµÄ˵Ã÷£¬¾´Çë¹Ø×¢£¡
´ËÎÄÕûÀí»¨Á˱¾Í¬Ñ§4¸öСʱÒÔÉϵÄʱ¼ä£¬Èç¹û°æÖ÷¾õµÃ¶Ô´ó¼ÒÓаïÖú£¬ ......
·¢ËÍÒ»¸öÇëÇóºó£¬¿Í»§¶ËÎÞ·¨È·¶¨Ê²Ã´Ê±ºò»áÍê³ÉÕâ¸öÇëÇó£¬ËùÒÔÐèÒªÓÃʼþ»úÖÆÀ´²¶»ñÇëÇóµÄ״̬£¬XMLHttpRequest¶ÔÏóÌṩÁËonreadyStateChangeʼþʵÏÖÕâÒ»¹¦ÄÜ¡£ÕâÀàËÆÓڻص÷º¯ÊýµÄ×ö·¨¡£
onreadyStateChangeʼþ¿ÉÖ¸¶¨Ò»¸öʼþ´¦Àíº¯ÊýÀ´´¦ÀíXMLHttpRequest¶ÔÏóµÄÖ´Ðнá¹û£¬È磺
ajaxObj=createAjaxObject();
var url= ......
SyntaxHighlighterÊÇÒ»¸ö´úÂë¸ßÁÁ²å¼þ£¬cnblogsµÄÆÀÂÛÒ²Óõ½ÁËSyntaxHighlighter¡£SyntaxHighlighterµÄÏêϸ½éÉÜ£¬Ô°×ÓÖÐÓкܶࡣÕâÀï¾Í²»½éÉÜÁË¡£
ʹÓÃJQµÄAjax
˵ÏÂÎÒÓöµ½µÄÎÊÌ⣬ÏÂÃæÊDzâÊÔÒ³Ã棺
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></ ......
Ç°¶Îʱ¼ä×öÏîÄ¿Óõ½GWT£¬´Ó¶ø½Ó´¥µ½AJAXÕâ¸öÃû´Ê£¬ÏÖÔڻعˣ¬¾õµÃÓбØÒª¼Ç¼ÏÂÀ´Ñ§Ï°µÄÄÚÈÝ¡£
AJAXÊÇÒ»ÃÅ×ۺϼ¼Êõ£¬×îÔç³öÏÖÔÚ1998Ä꣬´óÁ¿±»Ê¹ÓÃÊÇ´Ó2005Ä꿪ʼ¡£×î´óµÄÓŵãÊÇ£¬²»¸üÐÂÕû¸öÒ³ÃæµÄÇ°ÌáÏÂά»¤Êý¾Ý£¬Ó¦ÓÿÉÒÔ½öÏò·þÎñÆ÷·¢ËͲ¢È¡»Ø±ØÐèµÄÊý¾ÝʹµÃÇ°¶ËºÍ·þÎñÆ÷µÄ½»»¥Ê±¼ä¶Ì¡£×î´óȱµãÊÇ£¬²»Äܱ£´æÀúʷ״̬£¬¼´² ......