AJAX非同期ロード単純な実装（サーブレット）

AJAX XMLHttpRequestオブジェクトは、すべてのブラウザの基本は内蔵されているXMLHttpRequestオブジェクトです。

登録検証を実現するユーザー名

HTMLスクリプト

<スクリプトタイプ= "テキスト/ javascriptの"> 
    関数userNameAJAX（uerName）{ 
        VARのXMLHTTP。
        （uerName.value.length == 0）なら
        、{ 
            。のdocument.getElementById（ "userNameAJAX"）のinnerHTML = ""; 
            返します。
        } 
        IF（window.XMLHttpRequest）
        {// IE7 +、Firefoxの、クロム、オペラ、サファリのコード
            XMLHTTP =新規のXMLHttpRequest（）; 
        } 
        他
        {// IE6、IE5のためのコード
            XMLHTTP =新しいActiveXObjectを（ "Microsoft.XMLHTTP"）。
        } 
        xmlhttp.onreadystatechange =関数（）
        { 
            IF（xmlhttp.readyState == 4 && XMLHTTP。
            { 
                のdocument.getElementById（ "userNameAJAX"）のinnerHTML = xmlhttp.responseText。
            } 
        } 
        VAR名=のdocument.getElementById（ "userNameに"）値。
        xmlhttp.open（ "GET"、 "/ RegisterAJAX？" + encodeURIComponentで（ "userNameに"）+ "=" + encodeURIComponentで（名前）、真の）; 
        xmlhttp.setRequestHeader（ "コンテンツタイプ"、 "アプリケーション/ 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（ "userNameに"）。
        System.out.println（ユーザ名）。
        ダオDAO =新しいダオ（）; 
        （dao.checkUserName（ユーザー名））であれば
            response.getWriter（）。
        他に
            。response.getWriter（）ライト（ "使用可能なユーザー名"）; 
    } 
}