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에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5396 | 기타 |
슈퍼스타맨
|
3개월 전 | 333 | |
| 5395 | PHP |
untitled
|
4개월 전 | 807 | |
| 5394 | MySQL |
선택과집중
|
5개월 전 | 579 | |
| 5393 | 웹서버 |
techstar
|
7개월 전 | 848 | |
| 5392 |
|
1년 전 | 1204 | ||
| 5391 | 9개월 전 | 1108 | |||
| 5390 | 9개월 전 | 892 | |||
| 5389 | 8개월 전 | 863 | |||
| 5388 | 8개월 전 | 963 | |||
| 5387 | 7개월 전 | 794 | |||
| 5386 | JavaScript |
nekoieye
|
7개월 전 | 957 | |
| 5385 | 웹서버 | 7개월 전 | 977 | ||
| 5384 | JavaScript |
|
8개월 전 | 800 | |
| 5383 | 기타 | 9개월 전 | 1114 | ||
| 5382 | 기타 |
|
9개월 전 | 566 | |
| 5381 | JavaScript | 9개월 전 | 895 | ||
| 5380 | 기타 |
|
9개월 전 | 674 | |
| 5379 | JavaScript | 9개월 전 | 678 | ||
| 5378 | 10개월 전 | 1186 | |||
| 5377 | 기타 |
|
10개월 전 | 748 | |
| 5376 | jQuery |
|
10개월 전 | 558 | |
| 5375 | jQuery |
techstar
|
10개월 전 | 717 | |
| 5374 | 기타 |
|
10개월 전 | 765 | |
| 5373 | MySQL |
|
11개월 전 | 798 | |
| 5372 | 기타 |
|
11개월 전 | 1000 | |
| 5371 | JavaScript |
|
11개월 전 | 711 | |
| 5370 | JavaScript |
|
11개월 전 | 717 | |
| 5369 | PHP |
|
11개월 전 | 1228 | |
| 5368 | PHP | 11개월 전 | 1396 | ||
| 5367 | 기타 |
nekoieye
|
1년 전 | 1270 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기