मतदान एक साधारण समय की तुलना में थोड़ा कठिन है:सिर्फ इसलिए कि आम तौर पर आपके द्वारा ब्राउज़र में आउटपुट की जाने वाली सभी चीजों की व्याख्या पूर्ण होने पर की जाएगी। आपका उदाहरण बिल्कुल स्पष्ट है:
success:function(data) {
var json = data;
$("#commidwin").append(json['msg']);
last_msg_id = json["last_msg_id_db"];
setTimeout("load_msgs()", 1000);
},
jQuery आपका data
बनाने के लिए प्रतिक्रिया पूर्ण होने तक प्रतीक्षा करेगा वेरिएबल और फिर आपके सक्सेस कॉलबैक को कॉल करेगा।
लंबे समय तक मतदान करने का एक तरीका एक कार्य और एक अनुयायी होना है:
-
कार्य "अनंत" लूप है, यह कुछ भी नहीं दिखाता है, लेकिन केवल घटनाओं को पकड़ें और ट्रिगर करें, "बॉक्स" में रखें।
-
अनुयायी एक अजाक्स कॉल है जो हर एक्स सेकंड में किया जाता है, यह कार्य द्वारा भरे गए "बॉक्स" के अंदर दिखता है, और तुरंत पृष्ठ के अंदर कार्य करता है।
यहां लंबे मतदान का एक उदाहरण दिया गया है, कोई अनुयायी नहीं है, बस एक घटना (रिलीज) है जो मतदान को रोक देती है, लेकिन आपको इसका अंदाजा हो जाएगा:
<?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>