微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

不使用ajax实现无刷新提交表单实例

不使用ajax实现无刷新提交表单的例子
<s:form action="upload!upload.action" namespace="/" theme="simple" method="post" id="hidden_frame"
		enctype="multipart/form-data" target="hidden_frame">
	<div class="file-Box" style="margin-left: 30px">
										
	<span style="white-space:pre">	</span><input type='text' name='textfield' id='textfield' class='txt'/>  
	<span style="white-space:pre">	</span><input type='button' class='btn' value='选择文件' />
	<span style="white-space:pre">	</span><s:file name="upload" id="uuppload" cssClass="file" onchange="document.getElementById('textfield').value=this.value"/>
	<span style="white-space:pre">	</span><a value="上传参数 " onclick="uploadcanshu();" style="width: 100px;margin-left:30px;" class="btn">上传参数</a>
	</div> 
</s:form>
<iframe name='hidden_frame' id="hidden_form" style="display:none"></iframe>
	<script type="text/javascript">
		function uploadcanshu(){
			var uploads = $("#uuppload").val();
			if(uploads!=null&&uploads!=""){
			
			$("#hidden_frame").submit();
			$("#hidden_form").one("load",function () {
			<span style="white-space:pre">	</span>var ahtml=$("#hidden_form").contents().find("body")[0].outerHTML;
			<span style="white-space:pre">	</span>var data=$("#hidden_form").contents().find("body").html();
			<span style="white-space:pre">	</span>var bb=$("#hidden_form").contents().find("body").find("pre").html();
			<span style="white-space:pre">	</span>$("#jishucanshu").val(data);
			});
			}else{
			<span style="white-space:pre">	</span>alert("上传失败,请重新上传!");
			}
		}
</script>

action类里的代码
(public class UploadAction extends ActionSupport)
ServletActionContext.getResponse().setContentType("text/html;charset=UTF-8");
ServletActionContext.getResponse().setCharacterEncoding("UTF-8");
ServletActionContext.getResponse().setHeader("Cache-Control","no-cache"); 
ServletActionContext.getResponse().setHeader("Charset","UTF-8");
ServletActionContext.getResponse().getWriter().write("<BODY>"+strupload+"</BODY>");

原文地址:https://www.jb51.cc/ajax/163415.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐