PHP如何在HTML代码中刷新ProgressBar？-Java 学习之路

我在index.html中有一个表单，在提交时调用jQuery函数 . 这个jQuery函数执行一个AJAX请求来运行PHP脚本 .

我希望PHP脚本与HTML交互（目标是刷新进度条） .

我的问题是在使用AJAX运行PHP脚本时，它正在后台执行 . 我不希望在PHP处理过程中刷新页面 .

我画了一幅画 .
I've made a drawing.

我怎样才能做到这一点？

1 回答

我认为你的意思是进度条应该被上传过程填满 . 你可以这样做

$.ajax({
    xhr: function() {
        var xhr = new window.XMLHttpRequest();

        // Upload progress
        xhr.upload.addEventListener("progress", function(evt){
            if (evt.lengthComputable) {
                var percentComplete = evt.loaded / evt.total;
                $('#progress').text(percentComplete + '%').css('width', percentComplete + '%');
            }
       }, false);

       // Download progress
       xhr.addEventListener("progress", function(evt){
           if (evt.lengthComputable) {
               var percentComplete = evt.loaded / evt.total;
               $('#progress').text(percentComplete + '%').css('width', percentComplete + '%');
           }
       }, false);

       return xhr;
    },
    type: 'POST',
    url: "/",
    data: {},
    success: function(data){
        // Do something success-ish
    }
});

回复于 2024-05-06T06:08:41+08:00

PHP如何在HTML代码中刷新ProgressBar？

1 回答

相关问题