jQuery AJAX º¯Êý
jQuery ÓµÓй© AJAX ¿ª·¢µÄ·á¸»º¯Êý£¨·½·¨£©¿â¡£
jQuery AJAX ʵÀý
Çëµã»÷ÏÂÃæµÄ°´Å¥£¬¾Í¿ÉÒÔͨ¹ý AJAX À´¸Ä±äÕâ¶ÎÎı¾
ÉÏÃæµÄÀý×ÓÕª×ÔÎÒÃÇµÄ AJAX ½Ì³Ì£¬µ«Ê¹Óà jQuery ½øÐÐÁËÐ޸ġ£
ʲôÊÇ AJAX£¿
AJAX = Asynchronous JavaScript and XML.
AJAX ÊÇÒ»ÖÖ´´½¨¿ìËÙ¶¯Ì¬ÍøÒ³µÄ¼¼Êõ¡£
AJAX ͨ¹ýÔÚºǫ́Óë·þÎñÆ÷½»»»ÉÙÁ¿Êý¾ÝµÄ·½Ê½£¬ÔÊÐíÍøÒ³½øÐÐÒì²½¸üС£ÕâÒâζ×ÅÓпÉÄÜÔÚ²»ÖØÔØÕû¸öÒ³ÃæµÄÇé¿öÏ£¬¶ÔÍøÒ³µÄÒ»²¿·Ö½øÐиüС£
Äú¿ÉÒÔÔÚÎÒÃÇµÄ AJAX ½Ì³Ì ÖÐѧϰ¸ü¶àÓÐ¹Ø AJAX µÄ֪ʶ¡£
AJAX ºÍ jQuery
jQuery ÌṩÁËÓÃÓÚ AJAX ¿ª·¢µÄ·á¸»º¯Êý£¨·½·¨£©¿â¡£
ͨ¹ý jQuery AJAX£¬Ê¹Óà HTTP Get ºÍ HTTP Post£¬Äú¶¼¿ÉÒÔ´ÓÔ¶³Ì·þÎñÆ÷ÇëÇó TXT¡¢HTML¡¢XML »ò JSON¡£
¶øÇÒÄú¿ÉÒÔÖ±½Ó°ÑÔ¶³ÌÊý¾ÝÔØÈëÍøÒ³µÄ±»Ñ¡ HTML ÔªËØÖУ¡
дµÄ¸üÉÙ£¬×öµÄ¸ü¶à
jQuery µÄ load º¯ÊýÊÇÒ»ÖÖ¼òµ¥µÄ£¨µ«ºÜÇ¿´óµÄ£©AJAX º¯Êý¡£ËüµÄÓï·¨ÈçÏ£º
$(selector).load(url,data,callback)
ÇëʹÓà selector À´¶¨ÒåÒª¸Ä±äµÄ HTML ÔªËØ£¬Ê¹Óà url ²ÎÊýÀ´Ö¸¶¨Êý¾ÝµÄ web µØÖ·¡£
Ö»Óе±ÄúÏ£ÍûÏò·þÎñÆ÷·¢ËÍÊý¾Ýʱ£¬²ÅÐèҪʹÓà data ²ÎÊý¡£Ö»Óе±ÄúÐèÒªÔÚÖ´ÐÐÍê±ÏÖ®ºó´¥·¢Ò»¸öº¯Êýʱ£¬Äú²ÅÐèҪʹÓà callback ²ÎÊý¡£
Low Level AJAX
$.ajax(options) ÊǵͲ㼶 AJAX º¯ÊýµÄÓï·¨¡£
$.ajax ÌṩÁ˱ȸ߲㼶º¯Êý¸ü¶àµÄ¹¦ÄÜ£¬µ«ÊÇͬʱҲ¸üÄÑʹÓá£
option ²ÎÊýÉèÖõÄÊÇ name|value ¶Ô£¬¶¨Òå url Êý¾Ý¡¢ÃÜÂë¡¢Êý¾ÝÀàÐÍ¡¢¹ýÂËÆ÷¡¢×Ö·û¼¯¡¢³¬Ê±ÒÔ¼°´íÎóº¯Êý¡£
jQuery AJAX ÇëÇó
ÇëÇó | ÃèÊö |
---|---|
$(selector).load(url,data,callback) | °ÑÔ¶³ÌÊý¾Ý¼ÓÔØµ½±»Ñ¡µÄÔªËØÖÐ |
$.ajax(options) | °ÑÔ¶³ÌÊý¾Ý¼ÓÔØµ½ XMLHttpRequest ¶ÔÏóÖÐ |
$.get(url,data,callback,type) | ʹÓà HTTP GET À´¼ÓÔØÔ¶³ÌÊý¾Ý |
$.post(url,data,callback,type) | ʹÓà HTTP POST À´¼ÓÔØÔ¶³ÌÊý¾Ý |
$.getJSON(url,data,callback) | ʹÓà HTTP GET À´¼ÓÔØÔ¶³Ì JSON Êý¾Ý |
$.getScript(url,callback) | ¼ÓÔØ²¢Ö´ÐÐÔ¶³ÌµÄ JavaScript Îļþ |
(url) ±»¼ÓÔØµÄÊý¾ÝµÄ URL£¨µØÖ·£©
(data) ·¢Ë͵½·þÎñÆ÷µÄÊý¾ÝµÄ¼ü/Öµ¶ÔÏó
(callback) µ±Êý¾Ý±»¼ÓÔØÊ±£¬ËùÖ´Ðеĺ¯Êý
(type) ±»·µ»ØµÄÊý¾ÝµÄÀàÐÍ (html,xml,json,jasonp,script,text)
(options) ÍêÕû AJAX ÇëÇóµÄËùÓмü/Öµ¶ÔÑ¡Ïî
²Î¿¼ÊÖ²á
ÈçÐè¸ü¶àÓÐ¹Ø jQuery AJAX º¯ÊýµÄÐÅÏ¢£¬Çë·ÃÎÊÎÒÃÇµÄ jQuery AJAX ²Î¿¼Êֲᡣ