时间:2021-05-08
所以我们引入一个嵌入框架来解决这个问题。具体的原理是:当表单在提交数据的时候,不将提交目标设置为当前的页面,而是当前页面中的一个嵌入框架。
首先你应该在body下面插入一个嵌入框架:
复制代码代码如下:<iframe style="width:0; height:0; margin-top:-10px;" name="submitFrame" src="about:blank"></iframe>
然后你应该设置表单的目标为这个嵌入框架,比如这样:
复制代码代码如下:<form name="testform" method="post" action="apply.cgi" target="submitFrame"> <input type="submit" value="提交"> </form>
这样的得到了我们需要的目标。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
使用ajax实现表单提交无刷新页面在项目中经常会用到。前一段时间跟着师傅学到了另外几种无刷新提交表单的方法,主要是基于iframe框架实现的。现在整理出来分享给
大家应该都知道,在静态页面提交表单到数据库很简单就是单纯的这个缺点是会刷新页面,会跳转页面的。今天给大家带来的技术就是ajax提交表单优点是不刷新页面,不跳转页
在使用easyUI做前端样式展示时,遇到了文件上传的问题,而且是在弹出层中提交表单,想做到不刷新页面,所以选择了使用ajaxFileUpload插件。提交表单时
不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是iframe的大小却不像层那样可以“伸缩自如”,所以带来了使用
一、基本流程:产生一个验证码页面(很小)→嵌入到表单中→点击可以刷新页面→表单提交时验证。二、方法:1、定义TestAction,实现画图方法packageco