AJAX - 서버에 요청 보내기

 

GET 방식

XMLHttpRequest 객체는 서버와 데이터를 교환하는 데 사용됩니다.

서버에 요청 보내기

서버에 요청을 보내려면 XMLHttpRequest 객체의 open () 및 send () 메서드를 사용합니다.

 

xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();

 

 

Method	Description
open(method, url, async)	Specifies the type of request method: the type of request: GET or POST url: the server (file) location async: true (asynchronous) or false (synchronous)
send()	Sends the request to the server (used for GET)
send(string)	Sends the request to the server (used for POST)

 

 

GET 또는 POST?

GET은 POST보다 간단하고 빠르며 대부분의 경우 사용할 수 있습니다.

그러나 다음 경우에 항상 POST 요청을 사용하십시오.

• 캐시 된 파일은 옵션이 아닙니다 (서버의 파일 또는 데이터베이스 업데이트).
• 많은 양의 데이터를 서버에 전송합니다 (POST에는 크기 제한이 없습니다).
• 사용자 입력 (알 수없는 문자가 포함될 수 있음)을 보내면 POST는 GET보다 강력하고 안전합니다.

GET 요청

간단한 GET 요청 :

예
xhttp.open("GET", "demo_get.asp", true);
xhttp.send();
위의 예에서 캐시 된 결과를 얻을 수 있습니다. 이를 방지하려면 URL에 고유 한 ID를 추가하십시오.

예
xhttp.open("GET", "demo_get.asp?t=" + Math.random(), true);
xhttp.send();
GET 메소드를 사용하여 정보를 보내려면 URL에 정보를 추가하십시오.

예
xhttp.open("GET", "demo_get2.asp?fname=Henry&lname=Ford", true);
xhttp.send();

 

 

 

POST 요청

간단한 POST 요청 :

예
xhttp.open("POST", "demo_post.asp", true);
xhttp.send();
HTML 폼처럼 POST 데이터를 보내려면 setRequestHeader ()로 HTTP 헤더를 추가하십시오. send () 메소드에서 전송할 데이터를 지정하십시오.

예
xhttp.open("POST", "ajax_test.asp", true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send("fname=Henry&lname=Ford");