Javascript Ajax表单提交进度函数失败?
我正在通过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
<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。好了,你有一个问题解决了。恐怕我得暂时离开键盘了。我希望你也能回答其他问题。祝你好运