iframe标签实现form表单提交(如文件上传下载)不刷新
来源:互联网 发布:php thinkphp 编辑:程序博客网 时间:2024/05/17 19:21
一,实现不刷新
先看一段代码(PHP例子)
1、表单代码(form.php):
- <?php
- header("Content-type: text/html; charset=utf8");
- ?>
- <iframe name="testIframeName" style="display:none;"></iframe>
- <form target="testIframeName" method="post" action="formAction.php">
- <input type="text" name="username"/>
- <input type="password" name="password"/>
- <input type="submit" value=" 提 交 " />
- </form>
<?phpheader("Content-type: text/html; charset=utf8");?><iframe name="testIframeName" style="display:none;"></iframe><form target="testIframeName" method="post" action="formAction.php"><input type="text" name="username"/><input type="password" name="password"/><input type="submit" value=" 提 交 " /></form>
2、action代码(formAction.php):
- <?php
- echo "<script>alert('test....');</script>";
- ?>
<?phpecho "<script>alert('test....');</script>";?>
OK,上面的代码非常简单,但实现了表单提交无刷新....哪这是为什么呢?
哦~其实很基础的东西......就是form标签的属性问题.....如图:
OK,解释就到这里了,虽然例子很简单,很基础....但大多数人不太清楚怎么回事......如果你知道,哈哈,不要喷我....
二,实现局部刷新
ServletActionContext.getResponse().getWriter().print("<script>parent.getref2()</script>");
一的基础上后台调用前台页面的方法getref2()
0 0
- iframe标签实现form表单提交(如文件上传下载)不刷新
- 用iframe实现提交表单不刷新
- html form表单提交后不刷新不跳转的实现方法------巧妙地用iframe
- iframe标签实现form表单提交无页面刷新(不需要js)---解析
- iframe标签实现form表单提交无页面刷新(不需要js)---解析
- iframe标签实现form表单提交无页面刷新(不需要js)---解析
- iframe标签实现form表单提交无页面刷新(不需要js)---解析
- form表单的target标签配合iframe实现不跳转刷新
- 使用iframe实现提交表单不刷新页面
- 如何实现提交form表单而不重新刷新页面
- SpringMVC上传下载,页面不刷新提交带附件的form表单
- SpringMVC上传下载,页面不刷新提交带附件的form表单
- 通过iframe不刷新提交表单
- form表单submit()提交不刷新数据
- Form表单异步提交,不刷新页面
- form 表单提交不刷新页面
- form表单提交不默认刷新办法
- 使用iframe实现无刷新表单提交
- Unable to scan WEB-INF for JAX-RS annotations
- Form 中Enctype=multipart/form-data 的作用
- 策略模式-----C++实现
- [POJ 3635] Full Tank? (多维最短路)
- JavaWeb将图片显示在浏览器中
- iframe标签实现form表单提交(如文件上传下载)不刷新
- js 绑定键盘鼠标事件
- 如何理解相机设置中的 对比度、饱和度及亮度
- 【iOS开发必收藏】详解iOS应用程序内使用IAP/StoreKit付费、沙盒(SandBox)测试、创建测试账号流程!
- ARM9 中断管理
- CentOS 配置
- Java反编译器剖析
- acm笔记(2)
- 深入剖析阿里巴巴云梯YARN集群