jQuery - AJAX get() ºÍ post() ·½·¨
jQuery get() ºÍ post() ·½·¨ÓÃÓÚͨ¹ý HTTP GET »ò POST ÇëÇó´Ó·þÎñÆ÷ÇëÇóÊý¾Ý¡£
HTTP ÇëÇó£ºGET vs. POST
Á½ÖÖÔÚ¿Í»§¶ËºÍ·þÎñÆ÷¶Ë½øÐÐÇëÇó-ÏìÓ¦µÄ³£Ó÷½·¨ÊÇ£ºGET ºÍ POST¡£
- GET - ´ÓÖ¸¶¨µÄ×ÊÔ´ÇëÇóÊý¾Ý
- POST - ÏòÖ¸¶¨µÄ×ÊÔ´Ìá½»Òª´¦ÀíµÄÊý¾Ý
GET »ù±¾ÉÏÓÃÓÚ´Ó·þÎñÆ÷»ñµÃ£¨È¡»Ø£©Êý¾Ý¡£×¢ÊÍ£ºGET ·½·¨¿ÉÄÜ·µ»Ø»º´æÊý¾Ý¡£
POST Ò²¿ÉÓÃÓÚ´Ó·þÎñÆ÷»ñÈ¡Êý¾Ý¡£²»¹ý£¬POST ·½·¨²»»á»º´æÊý¾Ý£¬²¢ÇÒ³£ÓÃÓÚÁ¬Í¬ÇëÇóÒ»Æð·¢ËÍÊý¾Ý¡£
ÈçÐèѧϰ¸ü¶àÓÐ¹Ø GET ºÍ POST ÒÔ¼°Á½·½·¨²îÒìµÄ֪ʶ£¬ÇëÔĶÁÎÒÃÇµÄ HTTP ·½·¨ - GET ¶Ô±È POST¡£
jQuery $.get() ·½·¨
$.get() ·½·¨Í¨¹ý HTTP GET ÇëÇó´Ó·þÎñÆ÷ÉÏÇëÇóÊý¾Ý¡£
Óï·¨£º
$.get(URL,callback);
±ØÐèµÄ URL ²ÎÊý¹æ¶¨ÄúÏ£ÍûÇëÇóµÄ URL¡£
¿ÉÑ¡µÄ callback ²ÎÊýÊÇÇëÇó³É¹¦ºóËùÖ´Ðеĺ¯ÊýÃû¡£
ÏÂÃæµÄÀý×ÓʹÓà $.get() ·½·¨´Ó·þÎñÆ÷ÉϵÄÒ»¸öÎļþÖÐÈ¡»ØÊý¾Ý£º
ʵÀý
$("button").click(function(){ $.get("demo_test.asp",function(data,status){ alert("Data: " + data + "\nStatus: " + status); }); });
$.get() µÄµÚÒ»¸ö²ÎÊýÊÇÎÒÃÇÏ£ÍûÇëÇóµÄ URL£¨"demo_test.asp"£©¡£
µÚ¶þ¸ö²ÎÊýÊǻص÷º¯Êý¡£µÚÒ»¸ö»Øµ÷²ÎÊý´æÓб»ÇëÇóÒ³ÃæµÄÄÚÈÝ£¬µÚ¶þ¸ö»Øµ÷²ÎÊý´æÓÐÇëÇóµÄ״̬¡£
Ìáʾ£ºÕâ¸ö ASP Îļþ ("demo_test.asp") ÀàËÆÕâÑù£º
<% response.write("This is some text from an external ASP file.") %>
jQuery $.post() ·½·¨
$.post() ·½·¨Í¨¹ý HTTP POST ÇëÇó´Ó·þÎñÆ÷ÉÏÇëÇóÊý¾Ý¡£
Óï·¨£º
$.post(URL,data,callback);
±ØÐèµÄ URL ²ÎÊý¹æ¶¨ÄúÏ£ÍûÇëÇóµÄ URL¡£
¿ÉÑ¡µÄ data ²ÎÊý¹æ¶¨Á¬Í¬ÇëÇó·¢Ë͵ÄÊý¾Ý¡£
¿ÉÑ¡µÄ callback ²ÎÊýÊÇÇëÇó³É¹¦ºóËùÖ´Ðеĺ¯ÊýÃû¡£
ÏÂÃæµÄÀý×ÓʹÓà $.post() Á¬Í¬ÇëÇóÒ»Æð·¢ËÍÊý¾Ý£º
ʵÀý
$("button").click(function(){ $.post("demo_test_post.asp", { name:"Donald Duck", city:"Duckburg" }, function(data,status){ alert("Data: " + data + "\nStatus: " + status); }); });
$.post() µÄµÚÒ»¸ö²ÎÊýÊÇÎÒÃÇÏ£ÍûÇëÇóµÄ URL ("demo_test_post.asp")¡£
È»ºóÎÒÃÇÁ¬Í¬ÇëÇó£¨name ºÍ city£©Ò»Æð·¢ËÍÊý¾Ý¡£
"demo_test_post.asp" ÖÐµÄ ASP ½Å±¾¶ÁÈ¡ÕâЩ²ÎÊý£¬¶ÔËüÃǽøÐд¦Àí£¬È»ºó·µ»Ø½á¹û¡£
µÚÈý¸ö²ÎÊýÊǻص÷º¯Êý¡£µÚÒ»¸ö»Øµ÷²ÎÊý´æÓб»ÇëÇóÒ³ÃæµÄÄÚÈÝ£¬¶øµÚ¶þ¸ö²ÎÊý´æÓÐÇëÇóµÄ״̬¡£
Ìáʾ£ºÕâ¸ö ASP Îļþ ("demo_test_post.asp") ÀàËÆÕâÑù£º
<% dim fname,city fname=Request.Form("name") city=Request.Form("city") Response.Write("Dear " & fname & ". ") Response.Write("Hope you live well in " & city & ".") %>
jQuery AJAX ²Î¿¼ÊÖ²á
ÈçÐèÍêÕûµÄ AJAX ·½·¨²Î¿¼£¬Çë·ÃÎÊÎÒÃÇµÄ jQuery AJAX ²Î¿¼Êֲᡣ