Question

这是问题，我有3个JSP页面（ main.jsp ， manageClasses.jsp 和 insertDates.jsp ）和2个Servlet （ AttendanceServlet 和 ManageClassServlet ）。主页面加载其他内部。

基本上我想要做的是在调用AttendanceServlet时我想将insertDates.jsp加载到main.jsp中。替换以前由ManageClassServlet加载的内容。

main.jsp中

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

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="js/jquery-1.7.min.js"></script>
        <link rel="stylesheet" href="css/stylesheetprincipal.css">
        <script type="text/javascript">  
            $(document).ready(function() {
            $("#gt").click(function(){
                $("#internal").load('ManageClassServlet');
            });
        });
        </script>
        <title>Main</title>
    </head>
    <body>
        <div id="nav">
            <ul>
                <li><a href="javascript:void(0)" id="gt" title="manage">MANAGE     CLASSES</a></li>  
                <li><a href="logout.jsp" title="exit">EXIT</a></li>
            </ul>
        </div>    
        <div id="forms">
            <div id="internal">
            </div>
        </div>
    </body>
</html>

ManageClassServlet

@WebServlet(name = "ManageClassServlet", urlPatterns = {"/ManageClassServlet"})
public class ManageClassServlet extends HttpServlet {

    @Override
    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, java.io.IOException {
        HttpSession session = request.getSession();
        String[][] tableMatrix = getTableMatrix(professorClasses);
        session.setAttribute("tableMatrix", tableMatrix);
        response.sendRedirect("manageClasses.jsp");
    }
}

manageClasses.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Manage Classes</title>
    </head>
    <body>
        <form action="AttendanceServlet" method="post">
            <table id="classTable" border="2">
                <TR> <TH>&nbsp;</TH> <TH>Subject</TH>  <TH>Year/Semester</TH>  <TH>Frequencias</TH> </TR>
                <c:forEach items="${matrixTable}" var="row" varStatus="i">
                    <tr>
                        <TH>${row[0]}</TH>
                        <c:forEach begin="1" end="2" items="${row}" var="value">
                            <td>${value}</td>
                        </c:forEach>
                        <td> <button type="submit" name="Ver" value="${row[3]}">See    </button> </td>
                    </tr>
                </c:forEach>
            </table>
        </form>
    </body>
</html>

我试图使用out对象发送jsp页面，但它没有用。

AttendanceServlet

@WebServlet(name = "AttendanceServlet", urlPatterns = {"/AttendanceServlet"})
public class AttendanceServlet extends HttpServlet {

    @Override
    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, java.io.IOException {
        try {
            ClassDAO classDao = new ClassDAO();
            Integer idClass = Integer.parseInt(request.getParameter("See"));
            ClassBean class = classDao.searchClassBean(idClass);
            if (class.getDateClasses() == null) {
                String path = "/WEB-INF/jsp/main.jsp";
                PrintWriter out = response.getWriter();
                out.println("<script type=\"text/javascript\">");
                out.println("$(document).ready(function() {");
                out.println("$(\"#internal\").load('insertDates.jsp');");
                out.println("});");
                out.println("</script>");
                RequestDispatcher dispatcher = request.getRequestDispatcher(path);
                dispatcher.include(request, response);
            }
        } catch (SQLException ex) {
            ex.printStackTrace();
        }
    }
}

Answer 1

我需要一段时间才能绕着奇怪的加载方式，重定向和调度这个特定示例中的（子）视图。很难找出问题的根本原因。至少，很明显，你将过度使用jQuery。首先，如果客户端已禁用JS，那么您的主页已经完全没用了。

要实现您想要的任何目标，首先必须将客户端职责与服务器端职责分开。将jQuery暂时放在脑后，让它与普通<form>和/或<a>元素以及<jsp:include>一起使用。如果你在Servlet类中保留所有 Java代码并在JSP文件中保留所有 HTML / CSS（以及任何未来的JS），那么代码几乎就会自行编写。

最后，一旦你完成所有100％的工作而没有任何jQuery / JS代码，那么你可以通过在不引人注意的中添加jQuery来逐步增强客户端体验

再次，抱歉，如果我没有为此准备好的答案，但您希望现在明白我根本无法这样做。感谢干净的代码风格，以及使用Servlet / JSP的良好开端。我只会小写那些<TH><TR>元素。

Answer 2

通常你会通过Ajax表单提交来执行此操作 - 与加载表单相同，但通过提交。（通常为$.post。）

AttendanceServlet servlet将正常转发到insertDates.jsp，Ajax提交的success处理程序将使用Ajax提交的结果更新#internal div。

我不清楚为什么在提交表单后你会偏离正常的jQuery机制。也许我错过了一些东西，但我无法真正说出你想要做什么。

我应该怎么做才能通过Servlet在另一个JSP页面的<div>标签中加载JSP页面？</div>

2 个答案: