本篇文章主要讲述JavaScript之快速学习form.submit()提交后返回数据的处理，希望阅读本篇文章以后大家有所收获，帮助大家对相关内容的理解更加深入。

form.submit()发送请求一般是单向的，如果需要取返回的数据，一般会发送ajax请求，但是如果form中有附件呢？（以后有时间给大家分享ajax上传附件的功能），确实需要返回数据来知道该功能是否执行成功呢？我的解决方法是在form 中增加一个target属性，让其返回的数据添加到一个隐藏的iframe的控件中，返回的数据

 <label for="a"> 上传附件 </label>  
               <form id="uploadForm"  enctype="multipart/form-data" target="frameFile"  method="post">
             
                 <input type="file" id="a" name="a" onchange="fileUpload()" style="position:absolute;top:0px;right:0px;cursor:pointer; opacity:0;filter:alpha(opacity:0);z-index:999;"    />
                         
              </form>
                <iframe id='frameFile' name='frameFile' style="display:none">    
                </iframe>

以下是返回页面中后台返回数据的处理

<script type="text/javascript">
    try {
        var data = eval("($result)")
        if (data.success) {
            alert(data.res)
        }
        window.top.LoadByFrame(data.success);
    } catch (e) {
        window.top.closeBg();
    }</script>
 
function fileUpload()
    {
        var form = document.getElementById('uploadForm');
        form.action="XXX.do?";
        form.submit();
    }

这样就能够在隐藏的iframe中显示处理过的数据了 

本文由职坐标整理发布，学习更多的相关知识，请关注职坐标IT知识库！