hyeonga_code
Ajax_웹 서버에 요청 전송하기 본문
- 웹 서버에 요청 전송
- XMLHttpRequest 객체 메소드
- abort()
- 현재의 요청을 중단하는 메소드입니다.
- getAllResponseHeader()
- Http요청에 대한 모든 응답 헤더들을 키와 값의 쌍인 문자열로 리턴합니다.
- getResponseHeader()
- 매개 변수로 주어진 headerName에 해당하는 헤더의 값을 문자열로 리턴합니다.
- open()
- 사용자의 요청을 설정하는 메소드입니다.
- 반드시 기술해야 하는 매개변수인 method, url
- 선택적으로 기술하는 요청에 대한 매개 변수
- send()
- 사용자의 요청을 서버로 보내는 역할입니다.
- setRequestHeader()
- 헤더의 값을 설정
- Sample
- 서버에 있는 "test.txt" 파일을 읽어오는 코드
httpRequest = getXMLHttpRequest();
httpRequest.open("GET", "/test.txt", true);
httpRequest.send(null);
- "Get"
- HTTP 메소드를 지정합니다.
- HTML 폼 태그에서 부여하는 method 속성을 의미합니다.
- "/test.txt"
- 접속할 URL을 입력합니다.
- 웹 브라우저의 보안상의 이유로 접속할 URL은 현재 페이지와 같은 도메인에 위치해야 합니다.
- true
- 동기/비동기 방식을 지정합니다.
- Get 방식으로 전달
httpRequest = getXMLHttpRequest();
httpRequest.open("GET", "/test.jsp?id=name&pass=password", true);
httpRequest.send(null);
- Post 방식으로 전달
httpRequest = getXMLHttpRequest();
httpRequest.open("POST", "/test.jsp", true);
httpRequest.send("id=name&pass=password");
'Ajax' 카테고리의 다른 글
Ajax_동기/비동기 방식의 차이 (0) | 2023.10.14 |
---|---|
Ajax_서버의 응답 처리_실습 포함 (0) | 2023.10.14 |
Ajax_XMLHttpRequest 프로그래밍 순서 (0) | 2023.10.13 |
Ajax_주요 구성 요소 (0) | 2023.10.12 |
Ajax_Asynchronous JavaScript and XML_장단점, 기존 방식과의 차이 (0) | 2023.10.12 |