用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

你可能感兴趣的:(iframe,表单,页面,效果,休闲)