from提交表单后数据提交到后台但不跳转页面非ajax 用iframe

最新推荐文章于 2022-08-21 01:24:21 发布

weixin_30732825

最新推荐文章于 2022-08-21 01:24:21 发布

阅读量227

点赞数

文章标签： javascript java ViewUI

原文链接：http://www.cnblogs.com/gushengyan/p/8629802.html

版权

可以页面事先加载被隐藏的iframe标签,或者等到需要的时候通过js生成,再提交,提交之前,form的target指向iframe(我是要实现新页面生成的时候程半透明状态,所以用了后者的方法)

代码如下

1.设置生成iframe的函数

2.更改form属性

3.createIframe 函数

            function createIframe(id,src){
                var iframe = document.createElement('iframe');
                iframe.src=src;
                iframe.id=id;
                iframe.name='iframe';
                iframe.frameborder='0';
                iframe.style.border='none';
                iframe.style.width= '100%';
                iframe.style.height='99%';
                $('.main').append(iframe);
            }