`
icyheart
  • 浏览: 779469 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

用iframe实现页面无刷新效果的表单提交

    博客分类:
  • J2EE
阅读更多

其实要实现这个效果是很简单的,在页面的form中添加一个iframe

<iframe id="main" width="0%" height="0%"> </iframe>

 

在点击提交按钮的时候去调用javascript的脚本代码:

<input type="button" class="button01" value="保存" onclick="saveScore();" align="top"/>

 

function saveScore(){
				var url="/eva/ShowLeadJobDetail.jsf?str="+str;
				document.all('main').src=url;
				}
				}
            }

 

关键的是document.all('main').src=url;代码,这样程序就在大小为0iframe中运行了,页面也没有发生任何变化。

2
2
分享到:
评论
2 楼 icyheart 2009-10-14  
嗯 我知道啊,呵呵
1 楼 zzx0421 2009-10-14  
这是以前的做法,现在都采用AJAX啦

相关推荐

    用iframe提交表单,主要是将表单提交到iframe中,可实现无刷新提交。

    用iframe提交表单,主要是将表单提交到iframe中,可实现无刷新提交。 html页面: &lt;iframe name="FORMSUBMIT" width="1" height="1" &gt;&lt;/iframe&gt; ...

    iframe实现页面局部刷新操作

    图片上传通常涉及表单提交,我们可以创建一个包含文件输入字段的表单,并将其设置为`iframe`的`target`,这样表单提交就不会导致整个页面刷新。例如: ```html 上传图片" /&gt; ``` 这里的`enctype`属性设为`...

    iframe实现异步无刷新提交

    在网页开发中,异步无刷新提交是一种提升用户体验的重要技术,它使得用户在提交表单或执行某些操作时,无需等待整个页面刷新,而是仅更新部分网页内容。本主题聚焦于利用`iframe`来实现这一功能,这在不支持现代Ajax...

    使用隐藏的Iframe实现ajax无刷新上传

    使用隐藏的Iframe实现Ajax无刷新上传的基本思路是:创建一个隐藏的Iframe作为文件上传的目标,当用户选择文件并提交表单后,表单数据会通过POST方式发送到服务器端处理文件上传操作。由于Iframe的存在,上传过程不会...

    基于AdminLTE(bootstrap)用iframe实现的局部刷新的案例

    在这个案例中,我们将使用iframe和JavaScript来实现局部刷新。Iframe,即内联框架,可以在一个HTML文档中嵌入另一个HTML文档,这样我们就可以独立地加载和更新页面的部分内容。 具体实现步骤如下: 1. 首先,在...

    JS页面跳转和js对iframe进行页面跳转、刷新

    iframe页面刷新 刷新iframe内的页面可以通过再次设置`location.href`属性来实现。 ```javascript var iframe = document.getElementById('myIframe'); iframe.src = iframe.src; // 或者 iframe.contentWindow....

    php无刷新提交表单

    - **表单提交**:调用`submit()`方法提交表单,触发无刷新提交过程。 - **响应处理**:假设服务器返回的响应数据格式为`状态|图片路径`,则可以使用`uploadSuccess`函数来解析响应数据,并更新页面上的状态和图片...

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

    在网页开发中,有时我们需要在用户提交表单时保持页面状态不变,避免页面刷新或跳转至新页面。为了实现这一需求,我们可以利用HTML的`&lt;iframe&gt;`元素,这是一种无刷新提交表单的方法。`&lt;iframe&gt;`允许我们将一个网页...

    php+iframe 无刷新上传

    `iframe`(Inline Frame)是HTML中的一个元素,可以用来在一个页面内嵌套另一个页面,常用于实现无刷新效果。在这里,“php+iframe 无刷新上传”是指利用`PHP`处理文件上传,同时结合`iframe`技术,使得用户在上传...

    基于HTML实现表单提交后不刷新页面

    使用ajax实现表单提交无刷新页面在项目中经常会用到。前一段时间跟着师傅学到了另外几种无刷新提交表单的方法,主要是基于iframe框架实现的。现在整理出来分享给大家。 第一种: (html页面) HTML Code复制内容到...

    不使用ajax实现无刷新提交表单

    总结起来,不使用Ajax实现无刷新提交表单可以通过在`&lt;form&gt;`中设置`target`属性到一个隐藏的`&lt;iframe&gt;`,然后监听`&lt;iframe&gt;`的`load`事件来获取服务器的响应。这种方法简单实用,适用于对浏览器兼容性有较高要求的...

    ajax(iframe)无刷新提交表单、上传文件

    当使用iframe作为表单提交的目标时,表单数据实际上是在后台异步提交的,用户无需等待表单提交和页面刷新,从而实现无刷新上传。一旦服务器处理完成,可以通过JavaScript(如回调函数)来处理服务器返回的结果,例如...

    PHP+iFrame实现页面无需刷新的异步文件上传

    4. **iframe和parent对象**:在iframe内部,可以通过parent对象访问父页面的DOM和JavaScript对象,从而实现父页面和iframe页面的交互。 #### 表单与iframe的交互: 1. **表单的action和target属性**:通过设置form...

    JSP_模拟AJAX实现无刷新文件上传

    由于IFRAME是隐藏的,用户看不到页面的刷新,从而实现了无刷新效果。 在JSP(JavaServer Pages)中实现这个过程,我们可以创建一个包含IFRAME的HTML页面,IFRAME的src属性指向一个处理文件上传的JSP页面。用户选择...

    告别AJAX实现无刷新提交表单

    总结来看,除了传统的Ajax方式外,我们还可以通过利用iframe元素来实现无刷新的表单提交,虽然这种技术比较古老且有其局限性,但在某些特定场景下仍然有其实用价值。开发者在设计应用时可以根据实际情况选择最适合的...

    iframefileuploadjs全部通过原生JS实现页面无刷新上传文件

    在现代Web应用中,文件上传是一项常见的功能,而"iframefileuploadjs全部通过原生JS实现页面无刷新上传文件"的方案提供了一种轻量级的解决方案,它不依赖jQuery或Ajax,仅靠JavaScript原生API来实现在不刷新页面的...

    使用jQuery.form插件,实现完美的表单异步提交

    在Web开发中,异步表单提交是一种常见需求,它能提供更好的用户体验,因为用户无需等待页面刷新即可完成数据的提交。jQuery.form插件正是为了满足这种需求而设计的,它扩展了jQuery库,使表单异步提交变得更加简单、...

Global site tag (gtag.js) - Google Analytics