ユーザー名の変更を持つAjaxのユーザーの写真

<Javascriptが>コードは次のように:

ます。<script type = "text / JavaScriptを"> 
機能MyCheck(){ 
     //ユーザー名]テキストボックスの値を取得 VARのuname
=のdocument.getElementById( "は、uname" ).Valueの、 試してみる{ XMLHTTP = 新新 ActiveObject(「Microsoft.XMLHTTPを「); } キャッチ(E){ XMLHTTP = 新しい新規;のXMLHttpRequestを() } // 接続を設定し、テキストボックスにユーザの値は、サーブレットに渡す POST「」../LoginPathServlet?uname= xmlhttp.open(」 「+ のuname); // 設定要求ヘッダ xmlhttp.setRequestHeader(」コンテンツタイプ」"ファイルアプリケーション/ x-www-form-urlencodedで" ); // 設定されたコールバック関数 xmlhttp.onreadystatechange = 関数(){ IF。xmlHttp.readyState ==(4 ){ IF(== 200 xmlhttp.statusある){
            //パスを取得しますバック値 VARのS
= xmlhttp.responseText;
            //ユーザ画像のパスに写真画像のパスを設定する のdocument.getElementById(
"TX")SRC = S; } } } xmlhttp.send(NULL ); } </ SCRIPT>

<BODY>コードは次のよう:

<DIV CLASS = "login_title"> 
          <IMG ID = "TX" SRC = "默认图片路径幅="は50px」高さ= "は50px"> 
 </ div> 
<DIV CLASS = "項目の項目fore1"> 
   < 入力された名前= "は、uname" onkeyupの= "mycheck();"タイプ= "テキスト"クラス= "テキスト" 
    ID = "のuname"プレースホルダ= "请输入用户"> 
 </ div>

サーブレットのコードは次のよう:

パッケージサーブレット。

インポートにjava.io.IOException;
輸入てjava.io.PrintWriter; 

輸入javax.servlet.ServletException;
輸入javax.servlet.http.HttpServlet。
インポートのjavax.servlet.http.HttpServletRequest;
インポートのjavax.servlet.http.HttpServletResponse;
輸入javax.servlet.http.HttpSession。

輸入entity.Uuser1;
輸入biz.imp_biz.Imp_Uuserbiz。

パブリック クラス LoginPathServletは延び{HttpServletを

    公共の ボイドのdoGet(HttpServletRequestのリクエスト、HttpServletResponseの応答)が
             スローServletExceptionがは、IOException { 
        doPostメソッド(リクエスト、レスポンス)。
    } 

    
    公共 ボイドのdoPost(HttpServletRequestのリクエスト、HttpServletResponseの応答)
             スローServletExceptionがは、IOException { 
        response.setContentType( "テキスト/ HTML;のcharset = UTF-8" )。
        // 设置编码 
        response.setCharacterEncoding( "UTF-8" ); 
        request.setCharacterEncoding( "UTF-8" )。
        PrintWriterアウト = response.getWriter()。
        HttpSessionのセッション = でrequest.getSession();
        // 接收数据
        uname =文字列( "のuname" Request.getParameter ); 
        
                // データベースに接続するユーザ名が存在するか否かを判断 
        Imp_Uuserbiz IU = 新しい新しい)Imp_Uuserbizを(; 
        Uuser1 U =     iu.selectbyname(のuname);
                  // デフォルトの画像パス設定 
        文字列strを= " ../upload/hehe.jpg " ;
                // ユーザーが存在する場合、ユーザ画像伝送路バック
        IF(!= U NULL ){
             IF(!u.getPhoto()= NULL ){ 
                STR =" ../「+ u.getPhoto(); 
            } 
        } 
        Out.print(STR); 
        
    } 

}    

機能の実現後:

 

 

 

おすすめ

転載: www.cnblogs.com/kingpp/p/10931448.html
おすすめ