关于iframe提交form表单

之前用ifiame提交form表单做上传文件，没有写博，这几天又需要做个下载，所以又把上次的代码拔出来。

其实上传下载的有很多插件的，不过不太喜欢太依赖于插件。不多说

首先准备html

<form id="formFile" name="formFile" method="post" action="../Handler/upfile.ashx" target="frameFile" enctype="multipart/form-data">
</form>
<iframe id='frameFile' name='frameFile' style="display:none" ></iframe>

一个form一个Iframe  form有个属性是target 这个target类似于<a>标签的target：

target属性：
_blank   ----------   新开窗口
_self   -----------   自身
_top   ------------   主框架
_parent   ---------   父框架
自定义名字     -----   出现于框架结构，将会在该名称的框架内打开链接

我们把target名字写成Iframe name属性的名字，那么这个form表单的提交会发生在Iframe里面

　　　$("#formFile").unbind();
                    $("#formFile").bind("submit", function () {
                           if(true)
                                {return true};
　　　　　　　　　　　　　　　　else{return false}
                    })
                    $("#formFile").submit();

注意上面的submit事件是提交form表单之前的事件，如果这个事件的的返回值是true那么执行以下操作，false 则阻止表单提交！

JQ 的submit事件是加在form表单上的，如果submit有参数（方法）的话，那么会给他绑个以上的事件，如果没参数那么提交表单！

 

 最重要的地方来了，我们如何知道表单提交成功或失败呢？

我们可以用ifaime的onload事件来监测

$("#frameFile").load(function () {
                    var response = JSON.parse($(document.getElementById('frameFile').contentWindow.document.body).text());
                    if (response.result=="True") {
                        
                    } else if (response.result == "False") {
                       
                    }
                   
                })