AJAX - 서버에 요청 보내기 > JS

AJAX - 서버에 요청 보내기

GET 방식

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

서버에 요청 보내기

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

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

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");