简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

使用iframe实现提交表单不刷新页面

来源:易贤网   阅读:1515 次  日期:2016-06-16 11:35:04

温馨提示:易贤网小编为您整理了“使用iframe实现提交表单不刷新页面”,方便广大网友查阅!

正常情况下,当你向服务器发送数据的时候,你的浏览器将会打开ACTION页面,并且不会重回到当前页面。但是有的时候,我们因为各种各样的要求,而不希望浏览器在提交数据的时候去刷新当前的页面或者转向到新的页面

所以我们引入一个嵌入框架来解决这个问题。具体的原理是:当表单在提交数据的时候,不将提交目标设置为当前的页面,而是当前页面中的一个嵌入框架。

首先你应该在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>

这样的得到了我们需要的目标。

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:html实现简单计算器附详细思路
下一篇:a链接刷新页面与js刷新页面用法示例介绍
易贤网手机网站地址:使用iframe实现提交表单不刷新页面
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!