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에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5096 | PHP | 3년 전 | 1504 | ||
| 5095 | JavaScript | 3년 전 | 2136 | ||
| 5094 | JavaScript | 3년 전 | 2054 | ||
| 5093 | 기타 | 3년 전 | 1419 | ||
| 5092 | JavaScript | 3년 전 | 1966 | ||
| 5091 | 기타 |
|
3년 전 | 1326 | |
| 5090 | 기타 |
|
3년 전 | 2260 | |
| 5089 | 웹서버 |
|
3년 전 | 3340 | |
| 5088 | JavaScript | 3년 전 | 2068 | ||
| 5087 | 기타 | 3년 전 | 1668 | ||
| 5086 | 웹서버 |
|
3년 전 | 1714 | |
| 5085 | node.js | 3년 전 | 1657 | ||
| 5084 | JavaScript |
DogFoot개발
|
3년 전 | 1457 | |
| 5083 | 웹서버 |
DogFoot개발
|
3년 전 | 2995 | |
| 5082 | JavaScript |
DogFoot개발
|
3년 전 | 4034 | |
| 5081 | JavaScript |
DogFoot개발
|
3년 전 | 2103 | |
| 5080 | JavaScript |
DogFoot개발
|
3년 전 | 2448 | |
| 5079 | 기타 |
DogFoot개발
|
3년 전 | 2498 | |
| 5078 | OS | 3년 전 | 1657 | ||
| 5077 | 웹서버 |
DogFoot개발
|
3년 전 | 1730 | |
| 5076 | 기타 |
DogFoot개발
|
3년 전 | 1537 | |
| 5075 | 기타 |
DogFoot개발
|
3년 전 | 1682 | |
| 5074 | 기타 | 4년 전 | 2294 | ||
| 5073 | 기타 | 4년 전 | 2566 | ||
| 5072 | 웹서버 |
|
4년 전 | 2245 | |
| 5071 | 웹서버 | 4년 전 | 3240 | ||
| 5070 | PHP | 4년 전 | 3201 | ||
| 5069 | 웹서버 | 4년 전 | 2437 | ||
| 5068 | 기타 |
|
4년 전 | 3019 | |
| 5067 | 기타 |
DogFoot개발
|
4년 전 | 2691 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기