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

其实要实现这个效果是很简单的，在页面的 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; 代码，这样程序就在大小为 0 的 iframe 中运行了，页面也没有发生任何变化。

也许有人会说，用ajax来实现不就行了，用ajax也可以，不过我个人认为这样更快一些。

 

本文出自 “乔磊的博客 学习 进步” 博客，请务必保留此出处http://sucre.blog.51cto.com/1084905/359989