코드:
결과보기 »
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>Ajax Doctype</title> <script> function sendRequest() { var httpRequest = new XMLHttpRequest(); httpRequest.onreadystatechange = function() { if (httpRequest.readyState == XMLHttpRequest.DONE && httpRequest.status == 200 ) { // 텍스트 파일의 응답 처리는 responseText 속성을 사용해야 함. document.getElementById("text").innerHTML = httpRequest.responseText; // 텍스트 파일의 응답 처리에 responseXML 속성을 사용하면 null을 반환함. document.getElementById("xml").innerHTML = httpRequest.responseXML; } }; httpRequest.open("GET", "/examples/media/ajax_doctype_text.php"); httpRequest.send(); } </script> </head> <body> <h1>텍스트 파일의 응답 처리</h1> <button type="button" onclick="sendRequest()">Ajax 요청 보내기!</button> <p>Ajax에서는 서버로부터 응답으로 받은 텍스트 파일을 문자열로 반환하여 처리할 수 있습니다.</p> <p id="text"></p> <p id="xml"></p> </body> </html>
