用按钮刷新jsp中的mysql表
Posted
技术标签:
【中文标题】用按钮刷新jsp中的mysql表【英文标题】：refreshing mysql table in jsp with a button 【发布时间】：2015-04-08 14:26:14 【问题描述】：我正在尝试从 jsp 页面上的 mysql 数据库中检索数据，当页面加载时，它会加载最新数据（这是我想要的），但是当我单击刷新按钮时，我让它刷新具有较旧数据的表格，然后按钮不起作用（不会刷新表格）。
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ page import="java.sql.*, javax.sql.*, java.io.*, javax.naming.*"%>
<!DOCTYPE html>
<html>
<head>
<title>Main Page</title>
<h1>
<strong>test page</strong>
</h1>
<hr />
<canvas id="mycanvas" ></canvas>
<script src="javascript/smoothie.js"></script>
<script src="JavaScript/chart.js"></script>
<script src="JavaScript/basic.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(document).ready(function()
$("#refresh").click(function()
$("#heart_rate").load("basic2.jsp")
);
);
</script>
</head>
<body>
<br>
<br>
<button id="refresh">Refresh table</button>
<br>
<br>
<form method="post" name="form">
<table id="heart_rate" border="1">
<tr>
<th>Sensor id</th>
<th>Time stamp</th>
<th>Heart rate</th>
<th>Event time</th>
</tr>
<%
Connection con = null;
String url = "jdbc:mysql://localhost:3306/";
String db = "Avantidrome";
String driver = "com.mysql.jdbc.Driver";
String un ="root";
String pw="root";
Statement st;
try
Class.forName(driver).newInstance();
con = DriverManager.getConnection(url + db, un, pw);
String sql = "select * from avantidrome.heartratedata order by timestamp DESC limit 10";
st = con.createStatement();
ResultSet rs = st.executeQuery(sql);
%>
<%
while(rs.next())
%>
<tr>
<td><%=rs.getString(1)%></td>
<td><%=rs.getString(2)%></td>
<td><%=rs.getString(4)%></td>
<td><%=rs.getString(5)%></td>
</tr>
<%
%>
<%
catch(Exception e)
e.printStackTrace();
%>
</table>
</form>
</body>
</html>
单击按钮后，它会调用 basic.jsp，这只是：
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ page import="java.sql.*, javax.sql.*, java.io.*, javax.naming.*"%>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<br>
<br>
<form method="post" name="form">
<table id="heart_rate" border="1">
<tr>
<th>Sensor id</th>
<th>Time stamp</th>
<th>Heart rate</th>
<th>Event time</th>
</tr>
<%
Connection con = null;
String url = "jdbc:mysql://localhost:3306/";
String db = "Avantidrome";
String driver = "com.mysql.jdbc.Driver";
String un ="root";
String pw="root";
Statement st;
try
Class.forName(driver).newInstance();
con = DriverManager.getConnection(url + db, un, pw);
String sql = "select * from avantidrome.heartratedata order by timestamp DESC limit 10";
st = con.createStatement();
ResultSet rs = st.executeQuery(sql);
%>
<%
while(rs.next())
%>
<tr>
<td><%=rs.getString(1)%></td>
<td><%=rs.getString(2)%></td>
<td><%=rs.getString(4)%></td>
<td><%=rs.getString(5)%></td>
</tr>
<%
%>
<%
catch(Exception e)
e.printStackTrace();
%>
</table>
</form>
</body>
</html>
它所要做的就是让按钮从数据库中选择最新的数据，并在每次单击时将其返回到表中。
【问题讨论】：
快速提问，你为什么不使用 servlet？ 【参考方案1】：有两种方法可以做你想做的事：
-
当用户按下刷新按钮时，您只需刷新页面（这应该很快，以至于他不会注意到页面发生了变化）
使用 ajax。因此，如果选择此选项，您需要了解，要执行此操作，您只需要一个 jsp（在开始时加载页面并具有刷新按钮的那个），一个处理刷新按钮并使用 ajax 获取的 javascript 脚本新数据，以及接收 ajax 请求并在 json/xml 中返回包含更新的 ajax 响应的 servlet。
在我看来，我更喜欢第一个选项，但如果您选择选择第二个，这里有另一个 SO 帖子可能对您有所帮助：How to use Servlets and Ajax?
【讨论】：
另外，如果您选择第二个，您应该阻止刷新按钮，而您不会收到来自 servlet 的 ajax 响应。以上是关于用按钮刷新jsp中的mysql表的主要内容，如果未能解决你的问题，请参考以下文章
当jsp页面加载后会自动点击按钮，页面会一直刷新要怎么解决。或有其他方法实现自动点击按钮也可以。