JQuery: ждать какое-либо событие, чтобы завершить

Question

У меня есть следующий код и элементы,

function refreshcontent(){ 
       //refresh content ajax query 
    } 

$("#contentpage").on("submit","#fileuploadform",function(event){ 

     refreshcontent(); 

    }); 

    <form id="fileuploadform" action="fileupload" METHOD="POST" enctype=multipart/form-data target="_blank" > 
    <input type="file" name="myfile"/> 
    <input type="submit" value="upload"/> 
    </form> 
    <div id="contentpage"> </div> 

Я хочу, чтобы мой contentpage должен быть обновлен, когда моя форма полностью представлен. Мне известно о функции setInterval, и я могу использовать ее для вызова ajax refresh через некоторое время , но проблема в том, что мой размер файла не является постоянным, он может меняться и время, требуемое для отправки формы, может отличаться. также я не использую ajax (если так я мог бы сделать с помощью обработчика успехов)

Есть ли какое-либо решение для решения этой проблемы, можем ли мы подождать, пока моя форма не будет отправлена?

Answer 1

Вы когда-нибудь пробовали с обещанием?

http://api.jquery.com/promise/