Aufrufende Methode onClick des Jsp-Jsp-form

Ich möchte eine Methode aufrufen in Jsp onClick die Methode ist auf der gleichen Jsp-innen scriptlet.

Wie soll ich archivieren?

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

Hinweis : Die Methoden-name ist "sendMail", Es heißt auf submit-button
Ich möchte den ganzen code in Jsp nur.

Sie müssen verstehen, den Unterschied zwischen JSP und Javascript sind diejenigen, die nicht ausführen auf dem gleichen environnement
Mögliche Duplikate von jsp scriptlet-Funktion aufgerufen Schaltfläche klicken oder aufrufen von java-scriptlet in der JSP mit HTML. Es gibt viele Fragen über diese bereits

InformationsquelleAutor abhi314 | 2017-01-11

Den onclick Ereignis tritt ein, wenn der Benutzer auf ein element klickt. Dieses Attribut hat die Möglichkeit zum Aufruf von JS-Funktionen (front-end)

In Ihrem Fall, den Sie anrufen möchten, eine JAVA-Funktion (server-Seite), so dass der beste Weg ist, bewegen Sie den java-code für ein servlet, und verwenden Sie es.

Jedenfalls, wenn Sie möchten, halten Sie die JAVA-Funktion in der jsp-Datei, können Sie dies über ajax auf diese Weise

<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 ist ein Entwickler-Traum, da kann man

Update einer Webseite ohne Neuladen der Seite

Anfrage Daten von einem server - nachdem die Seite geladen wurde

Empfangen von Daten von einem server - nachdem die Seite geladen wurde

Daten an einen server sendet - in den hintergrund

Überprüfen Sie den vollständigen code hier

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

Für weitere Informationen überprüfen

Die Einführung AJAX: http://www.w3schools.com/xml/ajax_intro.asp
onclick-Ereignis: http://www.w3schools.com/tags/ev_onclick.asp

Stimmt, aber OP wird wahrscheinlich nicht verstehen, warum er braucht, um AJAX verwenden. Sollten Sie dies in Ihrer Antwort 😉
ja du hast Recht, ich Editiere die Antwort. Danke.

InformationsquelleAutor Jad Chahine

JSP - Führt auf dem Server.

JavaScript - Ausführung in browser.

Nein, Sie können Sie nennen, JSP magisch von JS. Allerdings können Sie senden Sie eine Ajax-Anfrage oder post das Formular jsp. BTW, ich empfehle, Sie zu bewegen Sie den java-code für ein servlet, und verwenden Sie es.

InformationsquelleAutor Suresh Atta

Dies ist, was ich am Ende tun

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

Den action="#" lädt die Seite, und es ist ein if Bedingung, die fordert, die erforderliche Methode, wenn der parameter nicht leer ist( Bitte beachten Sie, dass standardmäßig beim ersten Aufruf wird der parameter null sein ).

InformationsquelleAutor abhi314