调用 Jsp 形式的 onClick 方法 Jsp

Question

我想在 JSP onClick 中调用一个方法，该方法在同一个 JSP inside scriptlet 中。

我应该如何存档？

<%@ page import="java.io.*,java.lang.*,java.util.*,java.net.*,java.util.*,java.text.*"%>
<%@ page import="javax.activation.*,javax.mail.*,org.apache.commons.*"%>
<%@ page import="javax.servlet.http.*,javax.servlet.*"%>


<%!
    public String sendMail(String to, String sub, String msg) {
        String res = null;
        System.out.println("HI");       
        return res;
    }%>

<html>
<head>
<title>Send Email using JSP</title>
</head>
<body>
    <center>
        <h1>Send Email using JSP</h1>
    </center>
    <form>  
        <label>Email To</label><br />       
            <input type="text" name="to" /><br /> 
        <label>Subject</label><br />        
            <input type="text" name="sub" /><br /> 
        <label for="body">Message</label><br />
            <input type="text" name="msg" /><br /> 
        <input type="submit" onClick="sendMail( to, sub, msg )"/>
    </form>
</body>
</html>

备注

方法名称是"sendMail"，在提交按钮上调用我只想在 JSP 中完成整个代码。

Answer 1

JSP- 在服务器上执行。

JavaScript - 在浏览器中执行。

不，你不能从 JS 神奇地调用 JSP。但是，您可以发送 Ajax 请求或 post 表单至 jsp。顺便说一句，我强烈建议您将 java 代码移动到 servlet 并使用它。

Answer 2

The onclick event occurs when the user clicks on an element. This attribute has the ability to call JS functions (front end)

在你的情况下，你想调用一个 JAVA 函数（服务器端），所以最好的方法是将 java 代码移动到一个 servlet 并使用它。

无论如何，如果你想在jsp中保留JAVA功能，你可以通过ajax以这种方式做到这一点

<script type="text/javascript">
        $(document).ready(function() {
            $('#sendMailBtn').click(function (){
                $.ajax({
                    type: "post",
                    url: "/path", 
                    data: "email=" + $('#email').val() + "&subject="+$('#subject').val() + "&msg=" + $('#msg').val(),
                    success: function(msg){      
                        //
                    }
                });
            });
        });
 </script>

AJAX is a developer's dream, because you can
Update a web page without reloading the page
Request data from a server - after the page has loaded
Receive data from a server - after the page has loaded
Send data to a server - in the background

在此处查看完整代码

<%@ page import="java.io.*,java.lang.*,java.util.*,java.net.*,java.util.*,java.text.*"%>
<%@ page import="javax.activation.*,javax.mail.*,org.apache.commons.*"%>
<%@ page import="javax.servlet.http.*,javax.servlet.*"%>


<%!
    public String sendMail(String to, String sub, String msg) {
        String res = null;
        System.out.println("HI");       
        return res;
    }
%>

<html>
    <head>
        <title>Send Email using JSP</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    </head>

    <body>
        <center>
            <h1>Send Email using JSP</h1>
        </center>
        <form>  
            <label>Email To</label><br />       
            <input id="email" type="text" name="to" /><br /> 
            <label>Subject</label><br />        
            <input id="subject" type="text" name="sub" /><br /> 
            <label for="body">Message</label><br />
            <input id="msg" type="text" name="msg" /><br /> 
            <input id="sendMailBtn" type="submit" />
        </form>
    </body>

    <script type="text/javascript">
        $(document).ready(function() {
            $('#sendMailBtn').click(function (){
                $.ajax({
                    type: "post",
                    url: "/path", 
                    data: "email=" + $('#email').val() + "&subject="+$('#subject').val() + "&msg=" + $('#msg').val(),
                    success: function(msg){      
                        //
                    }
                });
            });
        });
    </script>
</html>

查看更多信息

AJAX 介绍：http://www.w3schools.com/xml/ajax_intro.asp

onclick事件：http://www.w3schools.com/tags/ev_onclick.asp

Answer 3

这就是我最后做的事情

    <%@ page import= "java.io.*,java.lang.*,java.util.*,java.net.*,java.util.*,java.text.*"%>
    <%@ page import="javax.activation.*,javax.mail.*,org.apache.commons.*"%>
    <%@ page import="javax.servlet.http.*,javax.servlet.*"%>


    <%!
          public String sendMail(String to, String sub, String msg) {
            String res = null;      
            System.out.println("HI");      
            return res;
         }
     %>

    <%        
    String a = request.getParameter("to");
    if(a != null){
        sendMail(request.getParameter("to"),request.getParameter("sub"),request.getParameter("msg"));
    }
    %>
    <html>
    <head>
    <title>Send Email using JSP</title>
    </head>
    <body><center>
        <form action="#" method="post"> 
            <label>Email To</label><br />       
                <input type="text" name="to" /><br /> <br /> 
            <label>Subject</label><br />        
                <input type="text" name="sub" /><br /> <br /> 
            <label for="body">Message</label><br />
                <input type="text" name="msg" /><br /> <br /> 
            <input type="submit"/>
        </form>
    </center></body>
    </html>

action="#" 重新加载页面，如果参数不为空，则有一个 if 条件调用所需的方法（请记住，默认情况下，第一次调用参数将为空）。

调用 Jsp 形式的 onClick 方法 Jsp

Calling method onClick of Jsp form Jsp

java

jsp

scriptlet

备注