AJAX 비동기 로딩 간단한 구현 (서블릿)

AJAX XMLHttpRequest 객체는 모든 브라우저의 기초가 내장되어 XMLHttpRequest 객체입니다.

등록 인증을 달성 사용자 이름

HTML 스크립트

<script 타입 = "텍스트 / 자바 스크립트"> 
    함수 userNameAJAX (uerName) { 
        var에 XMLHTTP; 
        (uerName.value.length == 0) 경우에 
        { 
            . document.getElementById를 ( "userNameAJAX") innerHTML을 = ""; 
            반환; 
        } 
        경우 (window.XMLHttpRequest) 
        {// IE7 +, 파이어 폭스, 크롬, 오페라, 사파리에 대한 코드 
            XMLHTTP = 새로운 XMLHttpRequest의 (); 
        } 
        다른 
        {// IE6, IE5에 대한 코드 
            XMLHTTP = 새로운 ActiveXObject ( "에서는 Microsoft.XMLHTTP"); 
        } 
        xmlhttp.onreadystatechange = 함수 () 
        { 
            경우 (xmlhttp.readyState == 4 && XMLHTTP.
            { 
                document.getElementById를 ( "userNameAJAX") = innerHTML을 xmlhttp.responseText.; 
            } 
        } 
        VAR 이름 = document.getElementById를 ( '사용자 이름 ") 값.; 
        xmlhttp.open는 ( "/ RegisterAJAX?", "GET"+에 encodeURIComponent ( '사용자 이름 ") +"= "+에 encodeURIComponent (이름), TRUE); 
        xmlhttp.setRequestHeader ( "컨텐츠 타입", "은 application / x-www-form-urlencoded로는"); 
        xmlhttp.send (); 
    } 
</ SCRIPT>

서버 측 서블릿

@WebServlet ( "/ RegisterAJAX") 
공용 클래스 RegisterAJAXServlet는 HttpServlet을 연장은 { 
    보호 공극의 doPost (HttpServletRequest 요청, HttpServletResponse 응답) {IOException이 발생 
        의 doGet (요청, 응답); 
    } 

    공극의 doGet (HttpServletRequest의 요청 HttpServletResponse를 응답)을 보호 {IOException이 발생 
        에서 System.out.println ( "发出请求了"); 
        response.setCharacterEncoding ( "UTF-8"); 
        response.setContentType ( "text / html과"); 

        문자열의 userName = request.getParameter ( '사용자 이름 "); 
        에서 System.out.println (사용자 이름); 
        다오 DAO = 새로운 다오 (); 
        경우 (dao.checkUserName (사용자 이름)) 
            response.getWriter ().
        다른 
            ., response.getWriter는 () ( "사용 가능한 사용자 이름")을 쓰기 
    } 
}