JQuery AJAX

1. Load

• load()
  • $( selector ).load( URL,data,callback );
  • $("#div1").load("demo_test.txt");
    • div1인 id를 가진 곳의 내용을 demo_test.txt의 내용으로 바꾼다
  • $("#div1").load("demo_test.txt #p1");
    • div1인 id를 가진 곳의 내용을 demo_test.txt의 내용 중 p1인 id를 가진 내용으로 바꾼다

2. Get / Post

• $.get()
  • $.get(URL,callback);
  • $.get("demo_test.asp", function(data, status){ alert("Data: " + data + "\nStatus: " + status); });
    • data는 demo_test.asp의 내용이 되고, status는 success가 나옴
  • first parameter인 url을 request하고,
    second parameter인 callback function에서 first callback parameter는 request한 페이지의 내용이 들어가고,
    second callback parameter는 request 상태가 나온다.
• $.post()
  • $.post(URL,data,callback);
  • $.post("demo_test_post.asp", { name: "Donald Duck", city: "Duckburg" }, function(data, status){ alert("Data: " + data + "\nStatus: " + status); });
    - 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 & ".")
    %>

  • first parameter인 url을 request하고,
    second parameter는 pass in some data to send along with the request (name and city),
    third parameter is a callback function

참고: https://www.w3schools.com/jquery/jquery_ajax_intro.asp