Java 如何使html页面保持显示来自servlet的信息行(当用户按submit输入新数据项时)

Java 如何使html页面保持显示来自servlet的信息行(当用户按submit输入新数据项时),java,html,mysql,Java,Html,Mysql,我在SQL数据库中有一个表,其中有“项目代码”、“项目名称”、“说明”、“费率”列。我正在使用EclipseJavaIDE。使用HTML页面,我将创建一个表,如图中所示(上面的链接) 当用户在HTML页面中按“提交”时,它将通过将信息发送到Javaservlet将其插入数据库中的相应列中。如何使HTML页面保持(逐行)显示下图所示的新数据项?(例如,退休金、费用如图所示。基本上,每次用户按“提交”,我都希望HTML页面不断添加新行并显示数据库中的数据项 据我所知,你的问题是: 这可以用不同的方式

我在SQL数据库中有一个表,其中有“项目代码”、“项目名称”、“说明”、“费率”列。我正在使用EclipseJavaIDE。使用HTML页面,我将创建一个表,如图中所示(上面的链接)

当用户在HTML页面中按“提交”时,它将通过将信息发送到Javaservlet将其插入数据库中的相应列中。如何使HTML页面保持(逐行)显示下图所示的新数据项?(例如,退休金、费用如图所示。基本上,每次用户按“提交”,我都希望HTML页面不断添加新行并显示数据库中的数据项


据我所知,你的问题是: 这可以用不同的方式来完成,我将尝试用两种简单的方式来解释

使用javascript客户端或 使用java服务器端

基本上,每次用户按“提交”时,您都会将html表单发送到服务器,服务器将向数据库插入/更新一些新数据。现在您必须再次表示数据库中的数据

使用javascript+java: 每次用户按submit键时,您都会向服务器发送一个AJAX请求。使用AJAX,您可以将表单数据发送到服务器,在将表单数据发送到服务器后,等待服务器的答复

因此,现在您的服务器必须将数据添加到数据库中,如果成功的话。 从数据库获取所有数据,并响应客户端。 客户端必须获取数据

获取数据后,必须使用新数据更改html文档

使用java:

如果您只使用java,您可以使用submit按钮发送html表单数据

当服务器向数据库添加数据时,您必须重新编写html页面,该页面现在将包含来自数据库的所有数据

这两种方法之间的差异:

使用javascript+java:用户按下提交按钮后,您不必刷新页面。您甚至可以在等待服务器返回数据时制作一些动画

使用java(JSP):每次用户按submit按钮时,都必须刷新整个页面:这是一种老方法

仅使用java:

servlet:

if(request.getParameter("formData"))!=null) {
//databaseSaving logic;

}
   //now when it's saved, you have to get the all data, and add it to page scope, so JSP page can access to the data

request.setAttribute("dataName",data);
response.sendRedirect("index.jsp")
jsp:

//例如
//jstl与表达式语言

或者可以使用scriptlet

<%
//write the same code as you have written in basic java classes.
%>


javascript+java:

javascript:

这只是基本的ajax教程

爪哇:

为此,您可以再次组合servlet和jsp

servlet:

if(request.getParameter("formData"))!=null) {
//databaseSaving logic;

}
   //now when it's saved, you have to get the all data, and add it to page scope, so JSP page can access to the data

request.setAttribute("dataName",data);
response.sendRedirect("index.jsp")
同上

jsp:


您可以将javascript放入jsp中

<script>
//when user press submit, send request
//after your server respons with data
//change with javascript the html in jsp
</script>

//当用户按submit时,发送请求
//在服务器响应数据之后
//使用javascript更改jsp中的html

我希望我能帮上忙。我试图解释逻辑,而不是代码。你可以通过谷歌搜索一些例子。

使用jquery或javascript操作DOM,使用jquery将Ajax发送到servlet插入DBHi,感谢你的反馈,我只想使用servlet和jsp(即用户必须刷新页面)。我会做一些研究,看看如何做到这一点(我以前没有使用JSP,只使用html)。@user6462496如果你愿意,你只能使用servlet,无论如何你应该研究一下:)我怎么可以只使用servlet?:)这里举个例子
<script>
//when user press submit, send request
//after your server respons with data
//change with javascript the html in jsp
</script>