使用Servlet将名称放入同一HTML文件的列表中

Question

我使用带有文本字段的html页面，您必须在其中输入名称，然后单击登录按钮。 在同一页面上是所有名称的列表。 现在，我必须通过单击登录按钮将名称发送到servlet。 Servlet必须将名称添加到播放器列表中。

Servlet已经接收到输入的名称，但是将其发布到新的HTML页面上。 我该如何更改代码，以便将名称添加到同一HTML页面而不是新页面的播放器列表中？

@WebServlet("/Playerlist")
public class Playerlist extends HttpServlet {
private static final long serialVersionUID = 1L;


public Playerlist() {
    // TODO Auto-generated constructor stub
}

/**
 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
 */
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    String name = request.getParameter("name");
    PrintWriter out = response.getWriter();

    out.println("<html><Body>Hallo" + name + "</body></html>");
    out.flush();

}

/**
 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
 */
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    // TODO Auto-generated method stub
}

文本域：

<div id= "loginFormular" >
                <form action="Playerlist" method="get" >
                    <label>
                        Name:
                        <input class="textbox" id="loginbox" type="text" name="name" size="30" maxlength="30">
                    </label>
                    <br>
                    <input id=buttonLogin class="loginbutton" type="submit" value="Login" name="loginname" />

                    <input id=startButton class="loginbutton" type="submit" value="Start" onclick="showQuestion()" />
                </form>
             </div>

播放列表：

<div class="highscore" style="float:right">
            <h4>
            <span class="glyphicon glyphicon-star" aria-hidden="true"></span>
            <span>Highscore</span>
            </h4>
            <hr/>
            <table id="highscoreTable" class="table table-hover">
            <thead>
                <tr>
                    <td>Player</td>
                    <td>Score</td>
                </tr>
            </thead>
            <tbody id="tablePlayerlistBody">
           </tbody>
           </table>
        </div>

我知道有更好的方法代替使用servlet，但是我必须这样做。

Answer 1

您的页面太静态了，无法完成您想做的事情。 我假设您正在为此练习。

你在做什么

• 从静态页面提交您的姓名。
• 在Servlet端获取提交的名称。
• 向客户端发送新内容。

相反，您需要做的是

• 创建带有文本字段和列表的动态页面（JSP）。
• 将字段值提交到servlet。
• 接收值并将其保存在服务器端。 在服务器端维护某种类型的列表，并将其添加到其中，然后在任一Servlet上下文中进行设置。
• 使用请求分派器重定向到同一页面，然后遍历服务器端维护的值列表。

如下所示。

Servlet

String name = request.getParameter("name");
serverSideList.add(name );

JSP

 <table id="highscoreTable" class="table table-hover"> <thead> <tr> <td>Player</td> <td>Score</td> </tr> </thead> <tbody id="tablePlayerlistBody"> <% for(int i=0 ; i< serverSideList.size(); i++){ %> <tr> <td> <%=serverSideList.get(i)%> </td> <td>Some Score</td> </tr> <%}%> </tbody> </table> 

要坚持下去，您可以做两件事。

• 简单：在应用程序上下文中维护服务器端列表
• 标准：在数据库中保留玩家详细信息。

请随时询问您是否有任何问题。