表单提交不刷新页面
2013-03-27 11:52
323 查看
参照 http://blog.csdn.net/chengbd/article/details/6887357 写了一个自己的版本
<div class="tabCont" >
<div class="topDiv" style="border:none">
<form id="mgsForm" action="person-msg-mode!getMsgMode.action" method="post" enctype="multipart/form-data"
target="hidden_frame"
onsubmit="return VerifyMsg();">
UID :<input type="text" class="_txt" name="uc_sug_id" id="uc_sug_id" maxlength="60"/><br/>
标题:<input type="text" name="uc_sug_textfield" id="uc_sug_textfield" maxlength="18" class="_txt" /><br/>
图片: <input id="filell" title="图片请不要超过1M" name="filell" type="file" accept="image/*" hideFocus="true"/><br/>
内容:<textarea class="_area" name="uc_sug_textarea" id="uc_sug_textarea" maxlength="1000"></textarea>
<span class="op">您还可以输入<span class="red">1000</span>字<br/><button class="btn">发送</button></span>
</form>
<iframe name='hidden_frame'
id="hidden_frame" style='display:none'></iframe>
</div>
<div class="adv">
<img src="./theme/imgs/ad01.jpg"/>
</div>
</div>
后台代码
处理完结果,还回数据
PrintWriter out = response.getWriter();
out.println("<script language='javascript'>");
out.print("parent.callback(1);"); //可以输入满足条件的值
out.println("</script>");
处理还回结果
function callbackabc(msg){
$("#uc_sug_textfield").val("");
$("#uc_sug_textarea").val("");
$("#uc_sug_id").val("");
var file = $("#filell");
file.after(file.clone().val(""));
file.remove(); //清空上传上传的文件
}
<div class="tabCont" >
<div class="topDiv" style="border:none">
<form id="mgsForm" action="person-msg-mode!getMsgMode.action" method="post" enctype="multipart/form-data"
target="hidden_frame"
onsubmit="return VerifyMsg();">
UID :<input type="text" class="_txt" name="uc_sug_id" id="uc_sug_id" maxlength="60"/><br/>
标题:<input type="text" name="uc_sug_textfield" id="uc_sug_textfield" maxlength="18" class="_txt" /><br/>
图片: <input id="filell" title="图片请不要超过1M" name="filell" type="file" accept="image/*" hideFocus="true"/><br/>
内容:<textarea class="_area" name="uc_sug_textarea" id="uc_sug_textarea" maxlength="1000"></textarea>
<span class="op">您还可以输入<span class="red">1000</span>字<br/><button class="btn">发送</button></span>
</form>
<iframe name='hidden_frame'
id="hidden_frame" style='display:none'></iframe>
</div>
<div class="adv">
<img src="./theme/imgs/ad01.jpg"/>
</div>
</div>
后台代码
处理完结果,还回数据
PrintWriter out = response.getWriter();
out.println("<script language='javascript'>");
out.print("parent.callback(1);"); //可以输入满足条件的值
out.println("</script>");
处理还回结果
function callbackabc(msg){
$("#uc_sug_textfield").val("");
$("#uc_sug_textarea").val("");
$("#uc_sug_id").val("");
var file = $("#filell");
file.after(file.clone().val(""));
file.remove(); //清空上传上传的文件
}
相关文章推荐
- Jascript滚动条在页面刷新和提交表单之后固定不返回顶部
- 防止页面刷新时表单的重复提交的最简单方法(C#)
- Asp.net 解决表单提交之后 页面刷新会再次提交表单
- JSP刷新页面表单重复提交问题解决办法分享
- react表单提交(实现提交时不刷新页面并一键获取到所有数据)
- ajax提交form表单后页面自动刷新
- 解决 php提交表单到当前页面,刷新会重复提交 的问题
- 用户刷新页面时重复提交表单解决办法
- 实现不刷新整个页面来 submit 提交表单
- js实现表单提交后不重新刷新当前页面
- iframe标签实现form表单提交无页面刷新(不需要js)---解析
- 怎么实现表单提交后不重新刷新当前页面
- 不刷新页面提交表单,并显示进度条
- java web笔记——服务器端防刷新页面重复提交表单
- 提交form表单不刷新页面案列
- Jquery.form提交表单数据,不刷新页面。
- 表单提交及关闭当前页面并刷新数据《DWZ三》
- 表单提交时js页面不刷新判断输入是否为空
- 避免刷新页面时重复提交表单数据
- 一段用于编辑页面表单并使用ajax提交与无刷新获取的js段落