javascript - request.onprogress 没有做任何事情

Question

大家好，我正在使用 XMLHttpRequest 并且我遇到了问题，当发送请求时，我希望它们成为 Loading.. 标记以显示在提交按钮上，但是在提交表单时没有任何反应，这使得用户希望再次单击该按钮，这导致表单提交两次。有更好的方法吗？还是我做错了？下面是我的代码。

var request= new XMLHttpRequest();
        request.open('post', 'php/functions.php', true);
             request.onload = function(){
                 var data = JSON.parse(request.responseText);
             document.getElementById("formSubmit").disabled = false;
                 if(data.result == 'true' ){
                     $('formSubmit').set('html', 'Submit');
                    alert('Form has been submitted!');
                    resetReport();
                 }else{
                    alert('Error! Not able to submit form.');
                    $('errorSpan').set('html', data.errMsg);

                 }
            };
            request.onprogress = function(){
                $('formSubmit').set('html', 'Loading...');
             document.getElementById("formSubmit").disabled = true;

            };
            request.onerror = function(){
             document.getElementById("formSubmit").disabled = false;
                alert('Processing Error. Try again later');
            };
request.send(formData);

标签： javascriptxmlhttprequest