hyeonga_code

Ajax_웹 서버에 요청 전송하기 본문

Ajax

Ajax_웹 서버에 요청 전송하기

hyeonga 2023. 10. 13. 08:59
반응형

  

 - 웹 서버에 요청 전송 
        - 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");
             
             

반응형