关于异步提交form表单

1.异步提交form 表单方法一：

采用隐藏iframe来提交表单，

代码：<div id="upload_file" title="<%=Res.CulInfo.Attachment %>"

            style=" 400px; height:    120px;     margin: 5px auto;
            display: none">
            <div id="outputdiv" style="color:Red; font-size:18px; text-align:center ;"></div>
            <form id="filePost" name="filePost"    action="upload.ashx"

              method="post" enctype="multipart/form-data"    target="uploadframe">
             <table class="TabSpan">
                <tr>
                <td colspan="2"> <input type="hidden" id="upload_id" name="upload_id" />
                 <input id="file_id" name="file" type="file" style=" 300px" /></td>
                </tr>
               <tr>

<td><input type="checkbox" id="chkPoc" name="chkPoc" value="Y"/>是否房产证</td>

            </tr>
             </table>
            </form>
        </div>

2.利用jqueyr .form 来提交表单

/********************************************************
******功能描述:form input and file ajax submit (需要jquery.js ,jquery.form.js 顺序不能调整)
******作者：lin.su
******参数描述：targetDiv(成功或者错误显示的div的Id 这个必须在调用的页面存在)
******参数描述：authenMethod(提交form 之前调用的验证（这个需要开发者实现需要验证字段） )
******参数描述：successMothod(提交form 之后需要刷新数据方法 )
******参数描述：urlForm(提交form 的url （action 提交目标） )
******参数描述：formControlId(提交form 的id 这个必须 )
******时间：2012年7月30日
******示例：submitajax_jquery_from("outdiv",VaildMothod,successMothod,"/Home/Upload","MyForm")
********************************************************/
function submitajax_jquery_from(targetDiv, authenMethod, successMothod,urlForm, formControlId) {
    var options = {
        target: "#" + targetDiv,
        beforeSubmit: authenMethod,
        success: successMothod,
        url: urlForm,
        type: 'post',
        clearForm: true,
        resetForm: true,

   forceSync: true,
        error: function (responseText, statusText) {   alert('status: ' + statusText + '\n\nresponseText: \n' + responseText ); },
        timeout: 300000
    };
    $('#' + formControlId).ajaxForm(options);
}

清空上传文件框数据: document.getElementById("file_id").outerHTML = document.getElementById("file_id").outerHTML;

jquery.form.js APIhttp://www.malsup.com/jquery/form/#api