jQuery、Ajax、MySQL、Javaを使用したユーザー認証

Question

Webアプリケーションを開発していて、HTMLを使用してログインページを作成しました。バックエンドはMySQLです。接続文字列を使用してデータベースとの接続を既に確立しており、MySQLからデータをフェッチすることができます（Javaプログラムを通じて）。入力したユーザ名とパスワードの値をユーザテーブル（MySQL）のものと比較する必要があります。どのように私はどのように私はこのようなシナリオでユーザー認証を実現することができ

$(document).ready(function() { 
    $('#submit').click(function() { 
     var userValue = document.getElementById('nameuser').value; 
     var passValue = document.getElementById('passid').value; 
     $.ajax({ 
      //code 
     }); 
    }); 
}); 

（データベース接続が確立されている）、Javaクラス内のこれらの入力された値を得ることができますか？これを望むのは、jQueryとAjaxで実現できます。言うまでもなく、私はJavaや関連技術のアマチュアです。

Answer 1

ajaxを使用してデータを渡してSQL select * from tbl_user where username=$_POST['userValue'] and password=$_POST['passValue']を実行すると、これらの組み合わせの結果が得られた場合は値を比較する必要はありません。端側の

   $.ajax({ 
       url: "url to link your database", 
       type: "POST", 
       data:{'userValue':userValue,'passValue':passValue}, 
       success: function(result) { 
       } 
      }) 

Answer 2

$.ajax({ 
      url: "localhost:8080/yourProjectName/checkPasswordServlet", 
      type: "POST", 
      data:{'userValue':userValue,'passValue':passValue}, 
      success: function(result) { 
       console.log(result) 
      } 
     }) 

あなたはhttpサーバ用にTomcatを使用している場合、あなたはデータを受信するサーブレットを試すことができます。
このようなweb.xmlの1.config：

<servlet> 
    <servlet-name>checkPasswordServlet</servlet-name> 
    <servlet-class>com.demo.login.checkPasswordServlet</servlet-class> 
</servlet> 
<servlet-mapping> 
    <servlet-name>checkPasswordServlet</servlet-name> 
    <url-pattern>/checkPasswordServlet</url-pattern> 
</servlet-mapping> 

2.このようなサーブレットの場合：

String userValue= request.getParameter("userValue"); 
String passValue= request.getParameter("passValue"); 

3.compareはデータベースから取得したデータとretur結果を前面と比較する。