Ajax 응답 첫 번 째 읽 기

서버 가 제대로 작 동 하 는 지 검증 하려 면 서버 가 보 낸 응답 첫 번 째 만 읽 으 려 면 HEAD 요청 을 사용 할 수 있 습 니 다.HEAD 요청 을 통 해 다음 과 같은 내용 을 얻 을 수 있 습 니 다.
  • Content - Type (콘 텐 츠 유형)
  • Content - Length (내용 길이)
  • Last - Modified (마지막 수정 시간)
  • 예 는 다음 과 같다.
     
    readingResponseHeaders.html
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    	"http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    	
    <html>
    <head>
    <title>Reading Response Headers</title>
    <script type="text/javascript">
    var xmlHttp;
    var requestType = "";
    function createXMLHttpRequest() {
    	if (window.ActiveXObject) {
    		xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    	} else if (window.XMLHttpRequest) {
    		xmlHttp = new XMLHttpRequest();
    	}
    }
    function doHeadRequest(request, url) {
    	requestType = request;
    	createXMLHttpRequest();
    	xmlHttp.onreadystatechange = handleStateChange;
    	xmlHttp.open("HEAD", url ,true);
    	xmlHttp.send(null);
    }
    function handleStateChange() {
    	if (xmlHttp.readyState == 4) {
    		if (requestType == "allResponseHeaders") {
    			getAllResponseHeaders();
    		} else if (requestType == "lastModified") {
    			getLastModified();
    		} else if (requestType == "isResourceAvailable") {
    			getIsResourceAvailable();
    		}
    	}
    }
    function getAllResponseHeaders() {
    	alert(xmlHttp.getAllResponseHeaders());
    }
    function getLastModified() {
    	alert("Last Modified: "+xmlHttp.getResponseHeader("Last-Modified"));
    }
    function getIsResourceAvailable() {
    	if (xmlHttp.status == 200) {
    		alert("Successful response");
    	}
    	else if (xmlHttp.status == 404) {
    		alert("Resource is unavailable");
    	}
    	else {
    		alert("Unexpected response status: " + xmlHttp.status);
    	}
    }
    </script>
    </head>
    <body>
    <h1>Reading Response Headers</h1>
    <a href="javaScript:doHeadRequest('allResponseHeaders','./xml/readingResponseHeaders.xml')">Read All Response Headers</a>
    <br />
    <a href="javaScript:doHeadRequest('lastModified','./xml/readingResponseHeaders.xml')">Get Last Modified Date</a>
    <br />
    <a href="javaScript:doHeadRequest('isResourceAvailable','./xml/readingResponseHeaders.xml')">Read Available Resource</a>
    <br />
    <a href="javaScript:doHeadRequest('isResourceAvailable','./xml/not-available.xml')">Read Unavailable Resource</a>
    
    </body>
    
    </html>	
    
    	

    좋은 웹페이지 즐겨찾기