AJAX - 서버에 요청 보내기 #1
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");