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");
게시판 목록
개발자팁
질문은 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 4886 | PHP | 7년 전 | 2384 | ||
| 4885 | PHP | 7년 전 | 2703 | ||
| 4884 | 기타 | 7년 전 | 3080 | ||
| 4883 | PHP | 7년 전 | 2361 | ||
| 4882 | PHP | 7년 전 | 3699 | ||
| 4881 | PHP | 7년 전 | 3337 | ||
| 4880 | JavaScript | 7년 전 | 3340 | ||
| 4879 | JavaScript | 7년 전 | 3060 | ||
| 4878 | PHP | 7년 전 | 5450 | ||
| 4877 | PHP |
welcome
|
7년 전 | 2908 | |
| 4876 | OS | 7년 전 | 2932 | ||
| 4875 | 기타 | 7년 전 | 2384 | ||
| 4874 | PHP |
|
7년 전 | 2748 | |
| 4873 | 웹서버 |
black
|
7년 전 | 2353 | |
| 4872 | PHP |
|
7년 전 | 3571 | |
| 4871 | 기타 | 7년 전 | 3350 | ||
| 4870 | 기타 | 7년 전 | 5650 | ||
| 4869 | 기타 | 7년 전 | 4215 | ||
| 4868 | JavaScript | 7년 전 | 4579 | ||
| 4867 | PHP |
|
7년 전 | 3919 | |
| 4866 | JavaScript | 7년 전 | 4438 | ||
| 4865 | PHP | 7년 전 | 5625 | ||
| 4864 | jQuery | 7년 전 | 2586 | ||
| 4863 | jQuery |
루돌프사슴코
|
7년 전 | 3990 | |
| 4862 | JavaScript | 7년 전 | 7799 | ||
| 4861 | 기타 | 7년 전 | 2255 | ||
| 4860 | 웹서버 | 7년 전 | 2499 | ||
| 4859 | 기타 | 7년 전 | 6951 | ||
| 4858 | 기타 | 7년 전 | 5114 | ||
| 4857 | 웹서버 | 7년 전 | 6191 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기