<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); } }
機能の実現後: