Question

我需要使用html进行简单的汽车贷款计算，并将所有信息传递给另一个jsp页面。问题是，我不知道如何将我的javascript计算方法传递到jsp中的表单中。任何想法或建议将非常感谢！另外，我是否正确地做了if else语句？我是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>

Answer 1

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

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

1 个答案: