jQuery lire AJAX flux progressivement?

Vous allez avoir à utiliser directement en haut du javascript pour ça. La raison en est que vous allez avoir à interroger en permanence et de ne pas attendre pour les rappels à feu. Vous n'avez pas besoin de jQuery pour cela, c'est assez simple. Ils ont quelques nice code source sur l'Ajax Modèles de site web.

Essentiellement, vous aurez juste envie de garder une trace de votre dernière position dans la réponse et interroger périodiquement pour plus de texte passé de cet emplacement. La différence dans votre cas, c'est que vous pouvez vous abonner à l'événement et d'arrêter votre bureau de vote.

Utilisation XMLHttpRequest.js

https://github.com/ilinsky/xmlhttprequest

http://code.google.com/p/xmlhttprequest

• Offre discret, respectueux des standards (W3C) de la croix-navigateur de mise en œuvre de la XMLHttpRequest 1.0 objet
• Résout TOUS les navigateurs bizarreries observés dans leur propre objet XMLHttpRequest implémentations
• Transparent permet la journalisation de l'objet XMLHttpRequest activité

D'utiliser le temps d'interrogation avec PHP:

output.php:

<?php
header('Content-type: application/octet-stream');

//Turn off output buffering
ini_set('output_buffering', 'off');
//Turn off PHP output compression
ini_set('zlib.output_compression', false);
//Implicitly flush the buffer(s)
ini_set('implicit_flush', true);
ob_implicit_flush(true);
//Clear, and turn off output buffering
while (ob_get_level() > 0) {
    //Get the curent level
    $level = ob_get_level();
    //End the buffering
    ob_end_clean();
    //If the current level has not changed, abort
    if (ob_get_level() == $level) break;
}
//Disable apache output buffering/compression
if (function_exists('apache_setenv')) {
    apache_setenv('no-gzip', '1');
    apache_setenv('dont-vary', '1');
}

//Count to 20, outputting each second
for ($i = 0;$i < 20; $i++) {
    echo $i.str_repeat(' ', 2048).PHP_EOL;
    flush();
    sleep(1);
}

run.php:

<script src="http://code.jquery.com/jquery-1.6.4.js"></script>
<script src="https://raw.github.com/ilinsky/xmlhttprequest/master/XMLHttpRequest.js"></script>

<script>
$(function() {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', '/longpoll/', true);
    xhr.send(null);
    var timer;
    timer = window.setInterval(function() {
        if (xhr.readyState == XMLHttpRequest.DONE) {
            window.clearTimeout(timer);
            $('body').append('done <br />');
        }
        $('body').append('state: ' + xhr.readyState + '<br />');
        console.log(xhr.responseText);
        $('body').append('data: ' + xhr.responseText + '<br />');
    }, 1000);
});
</script>

Cela devrait sortie:

state: 3
data: 0
state: 3
data: 0 1
state: 3
data: 0 1 2
state: 3
data: 0 1 2 3
state: 3
data: 0 1 2 3 4
...
...
...
state: 3
data: 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
state: 3
data: 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
state: 3
data: 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
done
state: 4
data: 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 

Pour IE, vous devez regarder dans XDomainRequest

http://blogs.msdn.com/b/ieinternals/archive/2010/04/06/comet-streaming-in-internet-explorer-with-xmlhttprequest-and-xdomainrequest.aspx

http://msdn.microsoft.com/en-us/library/cc288060(SV.85).aspx

Voici une façon simple de réaliser cela à l'aide de JQuery (comme demandé par l'OP):

D'abord, étendre l'ajax objet de soutenir onreadystatechange en exécutant le code ci-dessous à partir de https://gist.github.com/chrishow/3023092 (ajouté au bas de cette réponse). Puis il suffit d'appeler l'ajax à l'aide d'un onreadystatechange fonction qui va vérifier xhr.responseText un nouveau texte.

Si vous voulait encore plus sophistiqué, vous pouvez effacer le responseText de données chaque fois que vous le lisez, tels que décrits ici).

Voir, par exemple,https://jsfiddle.net/g1jmwcmw/1/, qui permettra de télécharger la réponse de https://code.jquery.com/jquery-1.5.js et de sortie en morceaux à l'intérieur de votre fenêtre de la console, à l'aide du code ci-dessous (que vous pouvez simplement copier dans une page html, puis l'ouvrir dans votre navigateur):

<!-- jquery >= 1.5. maybe earlier too but not sure -->
<script src=https://code.jquery.com/jquery-1.5.min.js></script>
<script>
/* One-time setup (run once before other code)
*   adds onreadystatechange to $.ajax options
*   from https://gist.github.com/chrishow/3023092)
*   success etc will still fire if provided
*/
$.ajaxPrefilter(function( options, originalOptions, jqXHR ) {
if ( options.onreadystatechange ) {
var xhrFactory = options.xhr;
options.xhr = function() {
var xhr = xhrFactory.apply( this, arguments );
function handler() {
options.onreadystatechange( xhr, jqXHR );
}
if ( xhr.addEventListener ) {
xhr.addEventListener( "readystatechange", handler, false );
} else {
setTimeout( function() {
var internal = xhr.onreadystatechange;
if ( internal ) {
xhr.onreadystatechange = function() {
handler();
internal.apply( this, arguments ); 
};
}
}, 0 );
}
return xhr;
};
}
});
//----- myReadyStateChange(): this will do my incremental processing -----
var last_start = 0; //using global var for over-simplified example
function myReadyStateChange(xhr /*, jqxhr */) {
if(xhr.readyState >= 3 && xhr.responseText.length > last_start) {
var chunk = xhr.responseText.slice(last_start);
alert('Got chunk: ' + chunk);
console.log('Got chunk: ', chunk);
last_start += chunk.length;
}
}
//----- call my url and process response incrementally -----
last_start = 0;
$.ajax({
url: "https://code.jquery.com/jquery-1.5.js", //whatever your target url is goes here
onreadystatechange: myReadyStateChange
});
</script>