Question

当我点击按钮时，我试图运行我在jsp（＆lt;％！％＆gt;）中声明的函数。我不想加载新页面，我希望保持同一页面并执行某些操作。

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1" import="hitchhike.*"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Loading Route</title>
</head>
<body>
<%! 
    String login;
    String adresseOrigin;
    String adresseDestination;
    Adresse origin;
    Adresse destination;
    Itineraire itineraire;
%>
<%
    login=request.getParameter("login");
    adresseOrigin=request.getParameter("inputOrigin");
    adresseDestination=request.getParameter("inputDestination");
    origin=new Adresse(adresseOrigin);
    destination=new Adresse(adresseDestination);
    origin.generateAdresse();
    destination.generateAdresse();
    itineraire=new Itineraire(origin, destination);
    itineraire.calculItineraire();
%>
<%=origin.getAdresse() %>
</br>
<%=destination.getAdresse() %>
</br>
<%=itineraire.getTemps() %>
    <button type="submit" class="btn btn-primary" onclick="valider()">Validate</button>
</body>
</html>
<%!
void valider(){
    RouteDAO routeDAO=new RouteDAO();
    Route route=new Route(login, 
            origin.getAdresse(), 
            ""+origin.getcoordX(), 
            ""+origin.getCoordY(), 
            destination.getAdresse(),
            ""+destination.getcoordX(),
            ""+destination.getCoordY(),
            itineraire.getTempsSec()
            );
    routeDAO.addRoute(route);
}
    %>

这是我的代码，我想要运行的功能是最后一个（valider（））。但是当我点击按钮时我有错误＆＃34; valider未定义＆＃34; 我宁愿不添加jquery。

感谢帮助我

Answer 1

onclick事件只能绑定到JS / Jquery函数，<%! ... %>中的代码会被编译成java（后端代码）。

您必须将该函数移动到另一个JSP /后端java代码中，将一个AJAX调用作为onclick事件函数的一部分。

在同一目录级别创建一个新的JSP，例如validator.jsp。 validator.jsp会有：

<%!
    RouteDAO routeDAO=new RouteDAO();
    Route route=new Route(login, 
            origin.getAdresse(), 
            ""+origin.getcoordX(), 
            ""+origin.getCoordY(), 
            destination.getAdresse(),
            ""+destination.getcoordX(),
            ""+destination.getCoordY(),
            itineraire.getTempsSec()
            );
    routeDAO.addRoute(route);
%>

在实际的JSP中添加JS，JQuery函数，如下所示：

function validator() {
    $.ajax({
        url: 'validator.jsp',  // Change the relative path if needed 
        type: "GET", // This is optional and defaults to GET as well
        error : function(){ 
            console.log('Error in the AJAX call'); 
        },
        success: function(msg){      
                console.log(msg);
        }
}

如何通过单击按钮运行在jsp中声明的函数

1 个答案: