不用ajax,采用隐藏iframe实现表单异步提交
2017-10-05 13:03
363 查看
提起异步,第一个想到的必然是ajax,但对于不方便使用ajax的场景,例如,我们想要利用servlet 3.0上传文件,同时还需要提交一些表单信息,如何先将文件异步提交,同时保持表单数据不刷新?
下面介绍一种采用隐藏iframe实现表单异步提交的方法:
form标签的target属性设置:
form表单内添加iframe:
因此,点击提交按钮之后,执行action的servlet,servlet执行完成后会定位到隐藏的iframe中,页面不会发生任何变化,表单数据仍然保留,从而避免跳转到空白页面。
下面介绍一种采用隐藏iframe实现表单异步提交的方法:
form标签的target属性设置:
target="hidden_frame"
form表单内添加iframe:
<iframe name='hidden_frame' id="hidden_frame" style='display:none'></iframe>
因此,点击提交按钮之后,执行action的servlet,servlet执行完成后会定位到隐藏的iframe中,页面不会发生任何变化,表单数据仍然保留,从而避免跳转到空白页面。
相关文章推荐
- (转)使用隐藏的iframe 隐藏form提交,仿AJax无刷新提交,可以实现无刷新上传文件
- 纯js的ajax实现异步提交表单
- ajax实现表单的异步提交
- 使用jQuery实现Ajax异步提交表单实现局部刷新
- Ajax方式提交带文件上传的表单及隐藏iframe应用
- 黄聪:Jquery+php+ajax实现表单异步提交,动态添加回复评论
- 使用隐藏的iframe 隐藏form提交,仿AJax无刷新提交,可以实现无刷新上传文件
- Ajax方式提交带文件上传的表单及隐藏iframe应用
- 纯javascript的ajax实现php异步提交表单
- 使用AJAX 加 iframe 实现表单无刷新提交并上传文件
- jqeury中ajax的表单实现异步提交
- ASP.NET Core 1.0中实现文件上传的两种方式(提交表单和采用AJAX)
- 基于Ajax,异步表单验证,实现有一条件不满足不能提交
- $.ajax 和 jquery.form.js实现表单异步提交
- 使用隐藏的iframe 隐藏form提交,仿AJax无刷新提交,可以实现无刷新上传文件
- ajax中如何实现异步提交表单
- 使用Jquery的Ajax异步提交有二进制数据的表单实现方案
- form提交不刷新页面、不用AJAX 也能实现类似"异步更新"效果
- 用jquery实现隐藏列表表单的显示关闭切换以及Ajax方式改动提交相应的那一行的改动内容。
- 黄聪:Jquery+php+ajax实现表单异步提交,动态添加回复评论