JSP Spring MVC別のフィールドの値に基づいてフォームフィールドに値を設定する

Question

フィールドにアカウント番号を入力する必要があるJSPで作成しているSpring MVCフォームがあります。その番号を入力すると、その特定の番号の関連情報を取り戻すためにデータベースに照会を実行する必要があります。このデータはフォームの他のフィールドに入力されます。

これは、入力されるアカウント番号のJSP内のSpringバインドコードです。したがって、この番号を入力するとすぐに、他のフィールドのデータを戻すためにDBクエリがトリガーされます。私の研究から

<spring:bind path="strExpenseAcctNum"> 
    <div class="form-group ${status.error ? 'has-error' : ''}"> 
     <label class="col-sm-2 control-label">Expense Account Number :</label> 
     <div class="col-sm-10"> 
      <form:input path="strExpenseAcctNum" type="string" class="form-control " id="strExpenseAcctNum" placeholder="strExpenseAcctNum" /> 
      <form:errors path="strExpenseAcctNum" class="control-label" /> 
     </div> 
    </div> 
</spring:bind> 

、私はJavascriptとjQueryの組み合わせを考えていますが最善の方法かもしれませんが、この時に新しいもの、私はそれを設定する方法がわからないです。

ご協力いただければ幸いです。

おかげで、

デイブ

Answer 1

@Dave

まず、以下のようなものを春のフォームタグを使用して、フォームを実装します。その後

<form:form method="POST" action="/spring-mvc-example" modelAttribute="example"> 
     <table> 
      <tr> 
       <td><form:label path="number">Account Number</form:label></td> 
       <td><form:input path="number" id="number"/></td> 
      </tr> 
      <tr> 
       <td><input type="submit" value="Submit"/></td> 
      </tr> 
     </table> 
    </form:form> 

口座番号フィールドから、すぐにユーザーのフォーカスアウトとしてバックグラウンドでAjaxの呼び出しを行うjQueryのfocusoutメソッドを使用します。その後、成功ブロックで、必要に応じて解析し、以下のようなjqueryのvalメソッドを使用して他のフィールドにバインドします。

$("#number").focusout(function(){ 
     $.ajax({ 
     type:"POST", 
     url:"https://example.com/getDetails", 
     success: function(data) { 
      //Response from the controller comes here 
      var json = JSON.stringify(data); 
      //Bind it to fields like these 
      $("#firstname").val(json.firstname); 
     } 
     }); 
}); 

ご希望の場合は、私に教えてください。