欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

form.submit()提交后返回数据的处理

程序员文章站 2022-06-24 11:05:43
form.submit()发送请求一般是单向的,如果需要取返回的数据,一般会发送ajax请求,但是如果form中有附件呢?(以后有时间给大家分享ajax上传附件的功能),确实需要返回数据来知道该功能是否执行成功呢?我的解决方法是在form 中增加一个target属性,让其返回的数据添加到一个隐藏的i ......

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中显示处理过的数据了