不使用ajax实现无刷新提交表单实例
来源:互联网 发布:台湾妹网络自拍 编辑:程序博客网 时间:2024/05/24 03:07
不使用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>");
0 0
- 不使用ajax实现无刷新提交表单实例
- Ajax无刷新提交表单实例
- Ajax无刷新提交表单实例
- Ajax实现无刷新表单提交
- 使用iframe实现无刷新表单提交
- 使用iframe实现无刷新提交表单
- PHP jQuery Ajax 无刷新表单提交实例
- 无刷新提交表单(php+js+ajax简单实例 )
- 表单验证ajax无刷新表单提交
- 简单Ajax实现无刷新提交表单并获取响应
- 使用AJAX 加 iframe 实现表单无刷新提交并上传文件
- 使用ajax 和 FormData 实现无刷新提交 带文本和文件的表单
- ajax无刷新表单提交、验证码的使用
- 无刷新文件上传 ajax提交表单
- ajax+prototype的无刷新表单提交
- 无刷新文件上传 ajax提交表单
- 无刷新文件上传 ajax提交表单
- AJAX无刷新提交表单的方法
- 文章标题
- activity从service中获得数据
- ecshop相册实现鼠标滑过小图切换大图功能
- Java for循环里i++位置改变的影响
- 全排列递归算法(C++实现)
- 不使用ajax实现无刷新提交表单实例
- 图片导入
- HDU ACM 5019 Revenge of GCD
- 【c语言】实现可变参数列表
- 百度语音合成 5月12号为止最新版
- ios--网页js调用oc代码+传递参数+避免中文参数乱码的解决方案(实例)
- XML 学习
- 基于共享内存的分布式消息学习笔记
- 如何使用App Store兑换码进行营销