Javascript 如何通过单击jsp中的href标记传递数据_Javascript_Java_Jquery_Html_Jsp

Javascript 如何通过单击jsp中的href标记传递数据

javascript java jquery html jsp

Javascript 如何通过单击jsp中的href标记传递数据,javascript,java,jquery,html,jsp,Javascript,Java,Jquery,Html,Jsp,我在index.jsp中，我想在单击href标记后传递一些数据。本页代码如下： <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <title>TODO supply a title</title> <meta charset="UTF-8">

我在

index.jsp

中，我想在单击

href

标记后传递一些数据。本页代码如下：

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="js/jquery-3.2.1.min.js"></script>
        <style>
            a{   
                padding: 10px !important;width:200px;
                text-decoration:none !important;        
                background-color: #0B70BE;
                background-image: -moz-linear-gradient(center center , rgb(11, 112, 190) 0%, rgb(11, 112, 190) 100%) !important;
                border-radius: 2px !important;
                border: 2px solid rgb(43, 125, 185) !important;
                font-weight: bold;
                font-size: 13px !important;
                font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
                height: 26px !important;
                text-shadow: none !important;
                color: rgb(255, 255, 255) !important;
            }
        </style>
        <script type="text/javascript">
            $('#myForm1').click(function (e)
            {
                e.preventDefault(); // prevent the link from actually redirecting
                 $('#myForm1').submit();
            }); 
        </script>
    </head>
    <body>
        <div>TODO write content</div>
        <%
            String name = "1231"; 
            int rollNo = 121;
        %>

        <form method="get" id="myForm1" action="hello.jsp">
            <Input type="Hidden" name="name"  id="name" value="<%=name%>"> 
            <Input type="Hidden" name="rollNo"  id="rollNo" value="<%=rollNo%>"> 
            <a href="hello.jsp">Please Enroll Finger 1</a> 
        </form>

    </body>
</html>

单击第一页中的

href

标记后，我进入

hello.jsp

页面。但在第2页中，我得到

name

和

rollNo

的值为null。我得到了以下输出：

Hello World!

Student name null
Student Roll No is null

我已经接受了帮助，我不明白为什么我在第二页得到空值。如何解决此错误？请帮帮我

最新资料我已经检查了

index.jsp

的代码。代码如下：

隐藏的值在表单中，因此需要表单提交才能将值提交到下一页。如果直接将页面放入href属性，浏览器将转到该页面，而不进行任何表单提交

因此，您需要将javascript代码放在href中，以触发表单提交操作，如下所示

    <form method="get" id="myForm1" action="hello.jsp">
        <Input type="Hidden" name="name"  id="name" value="<%=name%>"> 
        <Input type="Hidden" name="rollNo"  id="rollNo" value="<%=rollNo%>"> 
        <a href="$('#myForm1').submit();">Please Enroll Finger 1</a> 
    </form>

隐藏的值在表单中，因此需要表单提交才能将值提交到下一页。如果直接将页面放入href属性，浏览器将转到该页面，而不进行任何表单提交

因此，您需要将javascript代码放在href中，以触发表单提交操作，如下所示

    <form method="get" id="myForm1" action="hello.jsp">
        <Input type="Hidden" name="name"  id="name" value="<%=name%>"> 
        <Input type="Hidden" name="rollNo"  id="rollNo" value="<%=rollNo%>"> 
        <a href="$('#myForm1').submit();">Please Enroll Finger 1</a> 
    </form>

一种方法是这样使用提交按钮

  <form method="get" id="myForm1" action="hello.jsp">
        <Input type="Hidden" name="name"  id="name" value="<%=name%>"> 
        <Input type="Hidden" name="rollNo"  id="rollNo" value="<%=rollNo%>"> 
        <Input type="submit" value ="Please Enroll Finger 1"> 
    </form>

通过此控件将数据发送到hello.jsp。

一种方法是使用下面的提交按钮

  <form method="get" id="myForm1" action="hello.jsp">
        <Input type="Hidden" name="name"  id="name" value="<%=name%>"> 
        <Input type="Hidden" name="rollNo"  id="rollNo" value="<%=rollNo%>"> 
        <Input type="submit" value ="Please Enroll Finger 1"> 
    </form>

通过此控件将数据发送到hello.jsp。

您没有向下一页发送任何值。我在表单标记中指定了值。请参阅此代码：您没有向下一页发送任何值。我在表单标记中指定了值。请参阅此代码：