表单提交,回显数据,后退处理
2007-07-30 00:13
471 查看
1、提交到本页,可以使用<script>history.go(-1);</script>,回显数据
<html>
<%...
String ss = request.getParameter("ss")==null?"":request.getParameter("ss");
if( ss.equals("add") ){
String n1 = request.getParameter("n1");
String n2 = request.getParameter("n2");
out.print(n1);
%>
<script type="text/javascript">...
alert("window.history.go(-1)");
window.history.go(-1);
</script>
<%...
}
%>
<head>
<script>...
function s()...{
form1.ss.value="add";
alert("form submit");
form1.submit();
//alert(document.all.form1.ss.value);
}
</script>
</head>
<body>
<form action="" method="post" name="form1" id="form1" >
<table width="500" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>n1
<input type="text" name="n1" id="n1" /></td>
</tr>
<tr>
<td>n2
<input type="text" name="n2" id="n2" /></td>
</tr>
<tr>
<td>s
<input type="button" name="button" id="button" value="Submit" onClick="s()">
<input type="hidden" name="ss" id="ss" value="op">
<input type="hidden" name="ss1" id="ss1"></td>
</tr>
</table>
</form>
</body>
</html>
2、<form ...target="_blank">...</form>,提交表单到新的页面 处理,表单页面不变。但是关闭 处理 页面需要用户确认
3、提交表单到 新的页面,新页面 使用<script>history.go(-1);</script>,回显数据,同时修改 按钮。
1.jsp
<html>
<head>
<script>...
function s()...{
form1.ss.value="add";
alert("form submit");
document.form1.action="2.jsp";
document.form1.submit();
}
function c()...{
form1.reset();
}
function checkBack()...{
if (form1.ss.value == "add" )...{
form1.ok.value = "修改";
}
alert(form1.ss.value);
}
</script>
</head>
<body onLoad="checkBack()">
<form action="" method="post" name="form1" id="form1" >
<table width="500" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>n1
<input type="text" name="n1" id="n1" />
<select name="select" id="select">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</td>
</tr>
<tr>
<td>n2
<input type="text" name="n2" id="n2" /></td>
</tr>
<tr>
<td>s
<input type="button" name="ok" id="button" value="提交" onClick="s()">
<input type="button" name="nok" value="重置" onClick="c()">
<input type="hidden" name="ss" id="ss" value="op">
<input type="hidden" name="ss1" id="ss1"></td>
</tr>
</table>
</form>
</body>
</html>
2.jsp
<%...
String ss = request.getParameter("ss")==null?"":request.getParameter("ss");
if( ss.equals("add") ){
String n1 = request.getParameter("n1");
String n2 = request.getParameter("n2");
// out.print(n1);
%>
<script type="text/javascript">...
alert("window.history.go(-1)");
//opener.form1.action="";
//opener.form1.ok.value="打印";
//opener.form1.nok.value="修改";
window.history.go(-1);
//window.close();
</script>
<%...
}
%>
4、后退清空表单
<META NAME="save" CONTENT="history">
保存
Persistence可以不用通过服务器保持页面上的信息,从而加快了浏览速度。
是作为一个behavior执行的,新的persistence行为包括:
saveFavorite - 在网页被添加到收藏夹时保持页面的状态和信息。
saveHistory - 在当前的会话内存中保持页面的状态和信息。
saveSnapshot - 当用户把网页存到本地硬盘时,直接把页面的状态和信息保留在网页上。
userData - 在XML store中保持页面的信息和状态。
<html>
<%...
String ss = request.getParameter("ss")==null?"":request.getParameter("ss");
if( ss.equals("add") ){
String n1 = request.getParameter("n1");
String n2 = request.getParameter("n2");
out.print(n1);
%>
<script type="text/javascript">...
alert("window.history.go(-1)");
window.history.go(-1);
</script>
<%...
}
%>
<head>
<script>...
function s()...{
form1.ss.value="add";
alert("form submit");
form1.submit();
//alert(document.all.form1.ss.value);
}
</script>
</head>
<body>
<form action="" method="post" name="form1" id="form1" >
<table width="500" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>n1
<input type="text" name="n1" id="n1" /></td>
</tr>
<tr>
<td>n2
<input type="text" name="n2" id="n2" /></td>
</tr>
<tr>
<td>s
<input type="button" name="button" id="button" value="Submit" onClick="s()">
<input type="hidden" name="ss" id="ss" value="op">
<input type="hidden" name="ss1" id="ss1"></td>
</tr>
</table>
</form>
</body>
</html>
2、<form ...target="_blank">...</form>,提交表单到新的页面 处理,表单页面不变。但是关闭 处理 页面需要用户确认
3、提交表单到 新的页面,新页面 使用<script>history.go(-1);</script>,回显数据,同时修改 按钮。
1.jsp
<html>
<head>
<script>...
function s()...{
form1.ss.value="add";
alert("form submit");
document.form1.action="2.jsp";
document.form1.submit();
}
function c()...{
form1.reset();
}
function checkBack()...{
if (form1.ss.value == "add" )...{
form1.ok.value = "修改";
}
alert(form1.ss.value);
}
</script>
</head>
<body onLoad="checkBack()">
<form action="" method="post" name="form1" id="form1" >
<table width="500" border="1" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>n1
<input type="text" name="n1" id="n1" />
<select name="select" id="select">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</td>
</tr>
<tr>
<td>n2
<input type="text" name="n2" id="n2" /></td>
</tr>
<tr>
<td>s
<input type="button" name="ok" id="button" value="提交" onClick="s()">
<input type="button" name="nok" value="重置" onClick="c()">
<input type="hidden" name="ss" id="ss" value="op">
<input type="hidden" name="ss1" id="ss1"></td>
</tr>
</table>
</form>
</body>
</html>
2.jsp
<%...
String ss = request.getParameter("ss")==null?"":request.getParameter("ss");
if( ss.equals("add") ){
String n1 = request.getParameter("n1");
String n2 = request.getParameter("n2");
// out.print(n1);
%>
<script type="text/javascript">...
alert("window.history.go(-1)");
//opener.form1.action="";
//opener.form1.ok.value="打印";
//opener.form1.nok.value="修改";
window.history.go(-1);
//window.close();
</script>
<%...
}
%>
4、后退清空表单
<META NAME="save" CONTENT="history">
保存
Persistence可以不用通过服务器保持页面上的信息,从而加快了浏览速度。
是作为一个behavior执行的,新的persistence行为包括:
saveFavorite - 在网页被添加到收藏夹时保持页面的状态和信息。
saveHistory - 在当前的会话内存中保持页面的状态和信息。
saveSnapshot - 当用户把网页存到本地硬盘时,直接把页面的状态和信息保留在网页上。
userData - 在XML store中保持页面的信息和状态。
相关文章推荐
- 【easyui】 jq 表单返回的数据,动态增加部分数据后,提交到后台进行处理
- jquery序列化form表单使用ajax提交后处理返回的json数据
- 提交表单,对表单数据的处理 FormData
- jsp的表单数据提交,中文出现乱码的处理
- 《Flash建站技术》系列5-数据提交与表单处理
- php表单提交数据的验证处理(防SQL注入和XSS攻击等)
- Ajax表单数据重复提交处理方式
- ajax 传值,Ajax: Asynchoronous Javascript and xml (异步的js和xml). 异步刷新,异步传递.替代表单提交数据,回调函数处理返回的数据
- 《Flash建站技术》系列6-LoadVars数据提交与表单处理
- ajax提交表单数据,并根据返回的数据进行相关处理的代码
- Flash:LoadVars数据提交与表单处理
- 用Servlet处理表单提交的数据,然后再jsp页面中显示
- 表单提交数据乱码(datatables提交中文查询处理)
- html form表单提交后处理返回数据
- Struts2表单验证、模型驱动、防重复提交、数据回显笔记整理 文章标题
- 通过jquery的serializearray处理表单数据成json格式,并提交到后台处理
- jquery序列化form表单使用ajax提交后处理返回的json数据
- 对表单form get或post提交数据乱码的终极处理方式
- 表单过期的处理(提交出错后返回,保存原来数据)
- ajax自动提交表单数据,经php处理返回数据