Javascript Ajax表单提交进度函数失败?

Javascript Ajax表单提交进度函数失败?,javascript,jquery,ajax,forms,Javascript,Jquery,Ajax,Forms,我正在通过ajax提交表单,并尝试在上传时更新一个简单的进度条。表单提交工作完美,但我无法让进度条更新,甚至无法请求当前加载的金额 <form enctype="multipart/form-data"> <input name="file" type="file" /> <button>Update Account</button> </form> <progress value="0" ma

我正在通过ajax提交表单,并尝试在上传时更新一个简单的进度条。表单提交工作完美,但我无法让进度条更新,甚至无法请求当前加载的金额

<form enctype="multipart/form-data">          
    <input name="file" type="file" />
    <button>Update Account</button>
</form>
<progress value="0" max="100"></progress>
提交表单时,应运行
addEventListener
,以便运行此功能来更新进度:

function progressHandlingFunction(e){
    if(e.lengthComputable){
        $("progress").attr('value', e.loaded);
        $("progress").attr('max', e.total);
    }
}
但是
myXhr.upload.addEventListener()中的任何函数只是似乎没有运行

myXhr.upload.addEventListener('progress', alert("test"),  false);
工作正常,但下面的代码不运行,为什么会发生这种情况

myXhr.upload.addEventListener('progress', function(){alert("test")},  false);
此示例使用类似的编码:

应该是:

$(document).on("submit", "form", function(){
或者更好:

$("#static-container-Id").on("submit", "form", function(){
如果您想使用
live
(jQuery<1.4.4)

应该是:

$(document).on("submit", "form", function(){
或者更好:

$("#static-container-Id").on("submit", "form", function(){
如果您想使用
live
(jQuery<1.4.4)

问题是:

async:false,
删除该选项解决了问题。

问题是:

async:false,

删除它解决了问题。

啊,是的,我本想使用
。在
上,问题仍然存在。@Silver89。好了,你有一个问题解决了。恐怕我得暂时离开键盘了。我希望你也能回答其他问题。祝你好运啊,是的,我本想使用
。在
上,问题仍然存在。@Silver89。好了,你有一个问题解决了。恐怕我得暂时离开键盘了。我希望你也能回答其他问题。祝你好运