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

VUE