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 ²Î¿¼Êֲᡣ

VUE