¿Es posible obtener el progreso de carga para un formulario con campos de texto muy grandes utilizando jQuery ajax? Creo que el cliente sabe cuántos bytes se han enviado, pero cuando busco en Google, solo encuentro soluciones para cargar archivos utilizando el código del sitio del servidor.

Esta es mi petición de ajax:

$.ajax({
        type: "POST",
        url: "index.php?action=saveNewPost",
        data: {textbox1: textbox1,textbox2: textbox2},
        contentType: "application/x-www-form-urlencoded;charset=UTF-8",
        success: function(){
            //
        }
    });

Esperaba que hubiera algo como "onProgress" con un parámetro que contenga la cantidad de bytes ya enviados ...

Encontró una solución

$.ajax({
        xhr: function() {
            var req = $.ajaxSettings.xhr();
            if (req) {
                req.upload.addEventListener('progress', function(event) {
                    if (event.lengthComputable) {
                        $('#ajaxFeedbackDiv').html(event.loaded); // = 'test'; //event.loaded + ' / ' + event.total;
                    }
                }, false);
            }
            return req;
        },
        type: "POST",
        url: "index.php?action=saveNewPost",
        data: {textbox1: textbox1,textbox2: textbox2},
        contentType: "application/x-www-form-urlencoded;charset=UTF-8"
        }
    });

Esto parece funcionar, aunque todavía hay

2 problemas:

la conexión en mi host local es demasiado rápida, por lo que es difícil ver que el "progreso" realmente funcione. Instalé esta herramientahttp://mschrag.github.com en un segundo Mac en la misma red y veo que está funcionando perfectamente.¿No estoy seguro de que esto sea fácil de usar en navegadores no compatibles con XHR / HTML5, es decir, solo subir sin información de progreso?