如何在jsp页面中实现点击一个提交按钮就可以将页面上的数据存储到对应的数据库中
<%@pageimport="com.yulongtao.db.*"%><tableborder="0"width="50%"align="center"><tr><th...
<%@ page import="com.yulongtao.db.*"%>
<table border="0" width="50%" align="center">
<tr>
<th>预约单号:<input type="text" name="yydh"></th>
<th>客人编号:<input type="text" name="krbh"></th>
<th>单号状态:<input type="text" name="dhzt"></th>
<th>宝宝姓名:<input type="text" name="bbxm"></th>
<th>爸爸姓名:<input type="text" name="fqxm"> <button>确 定</button></th></tr>
</table>
<table border="1" width="50%" align="center">
<form action="Host.jsp" method="post"
<tr><th>预约单号</th><th>客人编号</th><th>单号状态</th><th>宝宝姓名</th><th>爸爸姓名</th></tr>
<%
DBFactory dbf=new DBFactory();
Query query=new Query("*","T_YYD","");
TableEx tableEx=dbf.query(query);
int iRecordCount=tableEx.getRecordCount();
Record record;
for(int i=0;i<iRecordCount;i++){
record=tableEx.getRecord(i);
%>
<tr>
<td><%=record.getFieldByName("SYYDH").value %></td>
<td><%=record.getFieldByName("SKRBH").value %></td>
<td><%=record.getFieldByName("SDHZT").value %></td>
<td><%=record.getFieldByName("STXBH").value %></td>
<td><%=record.getFieldByName("SYJPSSJ").value %></td>
</tr>
<%}
%>
</table> 展开
<table border="0" width="50%" align="center">
<tr>
<th>预约单号:<input type="text" name="yydh"></th>
<th>客人编号:<input type="text" name="krbh"></th>
<th>单号状态:<input type="text" name="dhzt"></th>
<th>宝宝姓名:<input type="text" name="bbxm"></th>
<th>爸爸姓名:<input type="text" name="fqxm"> <button>确 定</button></th></tr>
</table>
<table border="1" width="50%" align="center">
<form action="Host.jsp" method="post"
<tr><th>预约单号</th><th>客人编号</th><th>单号状态</th><th>宝宝姓名</th><th>爸爸姓名</th></tr>
<%
DBFactory dbf=new DBFactory();
Query query=new Query("*","T_YYD","");
TableEx tableEx=dbf.query(query);
int iRecordCount=tableEx.getRecordCount();
Record record;
for(int i=0;i<iRecordCount;i++){
record=tableEx.getRecord(i);
%>
<tr>
<td><%=record.getFieldByName("SYYDH").value %></td>
<td><%=record.getFieldByName("SKRBH").value %></td>
<td><%=record.getFieldByName("SDHZT").value %></td>
<td><%=record.getFieldByName("STXBH").value %></td>
<td><%=record.getFieldByName("SYJPSSJ").value %></td>
</tr>
<%}
%>
</table> 展开
2个回答
展开全部
按照我的理解,你想要的效果应该是这样的:
点击页面的按钮,数据提交到后台并保存,页面不用刷新。
如果想做这个效果的话,方法有两种:
1.使用ajax来实现。
2.在本页内嵌一个iframe标记(并且使用css隐藏起来:display:none),你的页面任然用form提交,只是提交的target配置为你的iframe,那么你当点击提交时,当前页面内容页不会变化的。
点击页面的按钮,数据提交到后台并保存,页面不用刷新。
如果想做这个效果的话,方法有两种:
1.使用ajax来实现。
2.在本页内嵌一个iframe标记(并且使用css隐藏起来:display:none),你的页面任然用form提交,只是提交的target配置为你的iframe,那么你当点击提交时,当前页面内容页不会变化的。
追问
我要的效果是点击确定之后,保存到数据库然后刷新显示在下面的表格中。 能在<form action="Host.jsp" method="post" 之后帮我写个示例的代码吗?
追答
看来你不想用ajax了,操作步骤如下:
1、在当前页面增加一个隐藏的iframe标签
2、设置表单提交的目标位你的iframe
3、数据提交后,在iframe载入的页面里面写一句js代码:
window.parent.document.getElementById("listFrame").location.reload()
4、完毕。
总结,关键技术是使用DOM对象window的top、parent对象调用其他页面的js方法。
自己试一试吧。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |