JSP，HTML和Javascript - 将计算结果传递给jsp

我需要使用html进行简单的汽车贷款计算，并将所有信息传递给另一个jsp页面。问题是，我不知道如何将我的javascript计算方法传递给jsp中的表单。任何想法或建议将非常感激！另外，我是否正确地使用if else语句？我是jsp新手，所以如果我太无能，请原谅。 :)JSP，HTML和Javascript - 将计算结果传递给jsp

这是我的HTML代码：

<html> 
    <head> 
    <title>Car Loan Calculation</title> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
     <style> 
     label { 
      text-align:left; 
      width:130px; 
      display:inline-block; 
      padding-top:10px; 
     } 
     </style> 
    </head> 
    <body> 
     <h1>Perform Car Loan Calculation</h1> 
      <form id ="memberFrm" action="processCalculateCarLoan.jsp" method="post" onsubmit="return calculate()"> 
          <fieldset> 
            <legend>Member Registration</legend><br> 

            <label for="loan">Loan Amount*</label> 
            <input type="text" id="loan" name="my_loan" size ="15" placeholder="Amount" /> 
            <br/> </br> 

            <label>Period</label> 
            <select id="period" name="my_period"> 
             <option value="1">3 years</option> 
             <option value="2">4 years</option> 
             <option value="3">5 years</option> 
             <option value="4">7 years</option> 
            </select> 
            <br/> </br> 

            <p> <input type="submit" id="btnSubmit" value="Submit"/> 
             <input type="reset" id="btnCancel" value="Cancel"/> 
            </p> 
          </fieldset> 

      </form> 
     <script> 
      function calculate(){ 
       var e = document.getElementById("period"); 
       var years = e.options[e.selectedIndex].value; 
       var loans = document.getElementById("loan").value; 
       var calc= document.getElementById("ans"); 

       if (years === "1"){ 
        var total = ((0.28 * 3)+loans); 
       } 
       else if (years === "2"){ 
        var total = ((0.28 * 4)+loans); 
       } 
       else if (years === "3"){ 
        var total = ((0.28 * 5)+loans); 
       } 
       else if (years === "4"){ 
        var total = ((0.28 * 7)+loans); 
       } 


      } 
     </script> 

    </body> 
</html>

这是我的JSP代码：

<!DOCTYPE html> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <title>JSP Page</title> 
    </head> 
    <body> 
     <h1>Car Loan Calculation</h1> 
       <fieldset> 
          <% 
           String myLoan = null; 
           String myPeriod = null; 


           myLoan = request.getParameter("my_loan"); 
           myPeriod = request.getParameter("my_period"); 
          %> 

          <p>Thank you for registering in this event!</p> 
          <p>This is your details;</p> 
          <p>Loan Amount : <%=myLoan%></p> 
          <p>Loan Period : <%=myPeriod%></p> 
          <p>Loan Total : <%=%></p> <!-- I need to display the total calculation here but I don't know how to pass the value. Any ideas?--> 


       </fieldset> 
    </body> 
</html>

来源

2016-04-05 Bluesky Izz

在HTML页面即收集的数据; 期间和贷款应该传递到JSP页面并在JSP页面中执行贷款计算逻辑，然后在那里显示它。这使业务逻辑（贷款计算）与最终用户分离。

来源

2016-04-05 23:10:26 JacNet

JSP，HTML和Javascript - 将计算结果传递给jsp

回答

相关问题