Javascript表单提交等待完成

时间:2013-07-07 13:35:22

标签: javascript html forms submit single-threaded

我有一个带上传的表单

<form action="../upload" method="post" id="upload_form" enctype="multipart/form-data" target="upload_frame" >
        <input name="file" type="file" />
    </form>

并使用javascript表单提交另一个表单提交按钮

function upload(){
    var uploadForm = document.getElementById('upload_form');

    uploadForm.submit();
    console.log('this should be called when the form finishes upload and respone is committed');

}

请说明示例是否不够明确

1 个答案:

答案 0 :(得分:2)

向iframe添加onload处理程序。它将在服务器响应请求后调用。

例如:

var uploadFrame = document.getElementsByName('upload_frame')[0];

function handleResponseReceived() {
    console.log('this should be called when the form finishes upload and respone is committed');
}

if (uploadFrame.addEventListener) {
    uploadFrame.addEventListener('load', handleResponseReceived, false);
}
else {
    uploadFrame.attachEvent('onload', handleResponseReceived);
}