Polling ist ein bisschen schwieriger als ein einfaches while :einfach weil im Allgemeinen alle Dinge, die Sie an den Browser ausgeben, interpretiert werden, wenn sie abgeschlossen sind. Ihr Beispiel ist ganz klar :
success:function(data) {
var json = data;
$("#commidwin").append(json['msg']);
last_msg_id = json["last_msg_id_db"];
setTimeout("load_msgs()", 1000);
},
jQuery wartet, bis die Antwort vollständig ist, um Ihre data
zu erstellen Variable und ruft dann Ihren Erfolgsrückruf auf.
Eine Möglichkeit, Long-Polling zu erstellen, besteht darin, eine Aufgabe und einen Follower zu haben :
-
Die Aufgabe ist die "unendliche" Schleife, sie zeigt nichts als nur Catch- und Trigger-Ereignisse an, die in eine "Box" gesteckt werden.
-
Der Follower ist ein Ajax-Aufruf, der alle X Sekunden ausgeführt wird, er schaut in die "Box", die mit der Aufgabe gefüllt ist, und handelt sofort auf der Seite.
Hier ist ein Beispiel für Long-Polling, es gibt keinen Follower, nur ein Ereignis (Release), das die Umfrage stoppt, aber Sie werden die Idee verstehen:
<?php
// For this demo
if (file_exists('poll.txt') == false)
{
file_put_contents('poll.txt', '');
}
// If this variable is set, a long-polling is starting...
if (isset($_GET['poll']))
{
// Don't forget to change the default time limit
set_time_limit(120);
date_default_timezone_set('Europe/Paris');
$time = time();
// We loop until you click on the "release" button...
$poll = true;
$number_of_tries = 1;
while ($poll)
{
// Here we simulate a request (last mtime of file could be a creation/update_date field on a base)
clearstatcache();
$mtime = filemtime('poll.txt');
if ($mtime > $time)
{
$result = htmlentities(file_get_contents('poll.txt'));
$poll = false;
}
// Of course, else your polling will kill your resources!
$number_of_tries++;
sleep(1);
}
// Outputs result
echo "Number of tries : {$number_of_tries}<br/>{$result}";
die();
}
// Here we catch the release form
if (isset($_GET['release']))
{
$data = '';
if (isset($_GET['data']))
{
$data = $_GET['data'];
}
file_put_contents('poll.txt', $data);
die();
}
?>
<!-- click this button to begin long-polling -->
<input id="poll" type="button" value="Click me to start polling" />
<br/><br/>
Give me some text here :
<br/>
<input id="data" type="text" />
<br/>
<!-- click this button to release long-polling -->
<input id="release" type="button" value="Click me to release polling" disabled="disabled" />
<br/><br/>
Result after releasing polling :
<div id="result"></div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
// Script to launch polling
$('#poll').click(function() {
$('#poll').attr('disabled', 'disabled');
$('#release').removeAttr('disabled');
$.ajax({
url: 'poll.php',
data: {
poll: 'yes' // sets our $_GET['poll']
},
success: function(data) {
$('#result').html(data);
$('#poll').removeAttr('disabled');
$('#release').attr('disabled', 'disabled');
}
});
});
// Script to release polling
$('#release').click(function() {
$.ajax({
url: 'poll.php',
data: {
release: 'yes', // sets our $_GET['release']
data: $('#data').val() // sets our $_GET['data']
}
});
});
</script>