Question

我试图在处理时（成功或完成之前）更新数据

成功＆＃34; .ajax的一部分等到php完成...

在大多数情况下等待＆＃34;成功＆＃34;完全没问题。

但是更长的PHP（比如在大文件上使用ffmpeg）等待时间太长而产生错误......

我有这段代码

$.ajax ({
    type: 'GET', 
    async: true, 
    url: '__/_/_path_to_PHP_file.php',
    dataType: 'html',
    data:'__POSTvariable1__='+encodeURIComponent (__POSTvariable1__)+
         '&__POSTvariable2__='+encodeURIComponent(__POSTvariable2__),
    cache: false,
    success: function(data){
        $('#div_that_needs_update').html(data);
    },
    error: function(request, status, error){
        console.log ( 'request.responseText --> ' + request.responseText + ' status --> ' + status + ' error --> ' + error );
    }
});

••••我尝试过＃34;完成＆＃34; ＆＃34; beforeSend＆＃34;但是有一个＆＃34; whileLoading＆＃34;或类似的???

由于

Answer 1

我认为您正在寻找 xhr

$.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) * 100;
                    $("#status").html(Math.round(percentComplete)); 
                }
            }, false);
            //Upload progress
            xhr.upload.addEventListener("load", function(evt){

            }, false);
            xhr.upload.addEventListener("error", function(evt){
                $("#status").html("Upload Failed");
            }, false);
            xhr.upload.addEventListener("abort", function(evt){
                $("#status").html("Upload Aborted");
            }, false);
           return xhr;
        },
        url: .........

希望有所帮助

Answer 2

感谢您的回答（这是一个非常好的开始）

我找到了这个页面：http://www.sitepoint.com/php-streaming-output-buffering-explained/

我想出来了;）!!!!!

$.ajax ({
    type: 'GET', 
    async: true, 
    url: '__/_/_path_to_PHP_file.php',
    dataType: 'html',
    data:'__POSTvariable1__='+encodeURIComponent (__POSTvariable1__)+
         '&__POSTvariable2__='+encodeURIComponent(__POSTvariable2__),
    cache: false,
    xhr: function(){
        var xhr = new XMLHttpRequest();
        xhr.open('GET', '__/_/_path_to_PHP_file.php', true);
        xhr.onprogress = function(e) {
           $('#div_that_needs_update').html(e.currentTarget.responseText);
         }
         return xhr;
    },
    success: function(data){
        console.log('completed');
    },
    error: function(request, status, error){
        console.log ( 'request.responseText --> ' + request.responseText + ' status --> ' + status + ' error --> ' + error );
    }
});

Answer 3

我最终确定它更简单，更有效（带参数）。

function liveXHR (p1 , p2) {
    var params = 'param1='+p1+'&param2='+p2;

    xhr = new XMLHttpRequest();
    xhr.open('GET', '__URL_OF_PHP___'+"?"+params, true);
    xhr.onprogress = function(e) {
        $('#__ID_DIV_forUpdate___').html(e.currentTarget.responseText);
    }
    xhr.onreadystatechange = function() { 
        if (xhr.readyState == 4) { 
            console.log('Complete'); 
            //or any onther stuff when done ;)
        } 
    }
    xhr.send();
};

jquery .ajax更新数据处理时（成功或完成之前）

3 个答案: