Ajaxの役割

AJAXとは何ですか？

AJAX =非同期JavaScriptとXML。

AJAXは、高速な動的なWebページを作成するための技術です。

舞台裏のサーバと少量のデータを交換することにより、AJAXは、非同期ページの更新を行うことができます。この手段は、ことのページの特定の部分のために、ページ全体をリロードせずに更新します。

従来のWebページには、（AJAXを使用しない）あなたはページ全体の表面の内容を更新する必要がある場合は、基本的なオーバーロードされます。

その上で新浪微博、Googleマップと：AJAXケースを使用する多くのアプリケーションがあります。

同期および非同期の違い。

パッケージweb_Servletを。

インポートにjava.io.IOException; 

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

@WebServlet（ "/がloginservletが" ）
 パブリック クラスがloginservletが延びているのHttpServlet { 
@Overrideが
保護 ボイドのdoGet（HttpServletRequestのリクエスト、HttpServletResponseの応答）スローServletExceptionが、IOExceptionが{
     //TODO自動生成方法のスタブ 
    文字列名= request.getParameter（「ユーザ名」）。
    文字列のパスワード = request.getParameter（ "パスワード" ）; 
    System.out.println（ユーザー名）; 
    System.out.println（パスワード）; 
    もし（ "WHR" .equals（ユーザ名）&& "123" .equals（パスワード））{ 
        response.getWriter（）書き込み（ "成功事例の" ）。
    } 他{ 
        。response.getWriter（）書き込み（ "失敗" ）。
    } 
} 

}

<ページ言語= "javaの" contentTypeの= @％ "text / htmlの;のcharset = UTF-8" 
    pageEncodingは = "UTF-8" ％> 
<！DOCTYPE HTML PUBLIC「 - // W3C // DTD HTML 4.01 // EN暫定！ " "http://www.w3.org/TR/html4/loose.dtd"> 
<HTML> 
<HEAD> 
<META HTTP-当量=" Content-Typeの"コンテンツ=" text / htmlの;のcharset = UTF-8 "> 
<タイトル>挿入タイトルここ</タイトル> 
ます。<script type =" text / javascriptの"> 
   ファンクションログイン（）{ 
       VARのユーザ名 =のdocument.getElementById（ 'ユーザ名' ）.VALUE。
       VaRのパスワード =のdocument.getElementById（ 'パスワード' ）.VALUE。
       varのparams =」ユーザー名= '+名+' ＆パスワード= '+ パスワード; 
    
       // 3.url
       URL = VAR 'pageContext.request.contextPath $ {} /がloginservlet？' + のparams; 
      
       // 使用AjaxのGETリクエストが送信された
        // リクエストオブジェクトの作成4.1を 
       VARを=リクエストする新しい新しいのXMLHttpRequestを（）;
        // 4.2の方法は、要求を取得する呼び出します
        / / 真に非同期でopenメソッドを呼び出す 
       request.open（ 'GET'、URL、真の）; 
       request.send（）; 
       // 受け入れる応答サーバ 
       request.onreadystatechange = 関数（）{ 
           にconsole.log（「準備状態コード- '+ request.readyState +'：レスポンスステータスコード- 「+ request.status）;
            IF（request.readyState 4 && ==要求。== 200はステータスである）{
                // 受信したサーバ応答データ
              警告（request.responseText）。
           } 
       } 
       
   }




 </ SCRIPT> 
</ head> 
<body> 
<フォームアクション= "$ {pageContext.request.contextPath} /がloginservlet"> 
   用户名：の<input type = "text"の名= "ユーザ名" ID = "ユーザ名"> <BR> 
    密码：の<input type ="パスワード」名前= "パスワード" ID = "パスワード"> <BR> 
   の<input type = "ボタン"値= "提交" onclickの= "ログイン（）"> 


</フォーム> 

</ BODY> 
</ HTML>

ファイル名を指定して実行ショット：

AJAXとは何ですか？

おすすめ