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>

戴夫

Answer 1

@戴夫

首先使用spring表单标记实现表单，如下所示。

<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>

然后使用jQuery的focusout方法,在用户从account number字段聚焦出来后立即在后台进行Ajax调用。然后在success块中，如果需要，只需解析它，并使用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);
         }
      });
});

希望这对你有用，如果有任何问题，让我知道。