AJAX XMLHttpRequest 객체 시작

2001 단어
helloAjax 파일 코드:
<span style="font-family:Comic Sans MS;font-size:18px;">hello Ajax!!!</span>

html 코드:
<span style="font-family:Comic Sans MS;font-size:18px;"><body>
    <a href="TextFile1.txt">HelloAJAX</a>
</body></span>

JavaScript 코드:
<span style="font-family:Comic Sans MS;font-size:18px;">   <script type="text/javascript">
        window.onload = function () {
            //1、   a  ,    onclick     
            document.getElementsByTagName("a")[0].onclick = function () {
                //3、    XMLhttpRequest  
                var request = new XMLHttpRequest();
                //4、         :URL
                var url = this.href;
                var method = "GET";
                //5、  XMLHttpRequest   open  
                request.open(method, url);
                //6、  XMLHttpRequest   sent  
                    request.send(null);
                //7、 XMLHttpRequest    onreadystatechange     
                request.onreadystatechange = function () {
                   //8、        :XMLHttpRequest   readystate    4          
                    if (request.readyState == 4) {
                         //9、         :XMLHttpRequest    status      200
                        if (request.status == 200 || request.status == 304) {
                            //10、       :responsetext
                            alert(request.responseText)
                            alert("ddddd");
                        }
                    }
                }           
            }
           // 2、  a       
            return false;
        }
    </script></span>

코드 Request를 실행합니다.send (null) 는 오류를 보고합니다. 원인: 로컬 xml 파일을 가져오는 데 aax 방식을 사용할 때, 전제 조건은 프로젝트에 서버에 배치된 것입니다. 만약 서버에 프로젝트를 배치하지 않았다면, aax는 요청을 보낼 때 오류를 보고할 것입니다.

좋은 웹페이지 즐겨찾기