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

可以页面事先加载被隐藏的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);
            }