Dans la méthode d'interrogation AJAX traditionnelle, le client interroge le serveur pour connaître les dernières données à des intervalles définis par l'utilisateur. Cette méthode d'extraction de données nécessite un court intervalle de temps pour garantir l'exactitude des données, mais si l'intervalle de temps est trop court, le service client enverra plusieurs requêtes au serveur dans un court laps de temps.
AJAX inversé, qui est ce qu'on appelle l'interrogation longue ou COMET. Le serveur et le client doivent maintenir une requête à long terme, ce qui permet au serveur de renvoyer des messages au client lorsqu'il dispose de données.
Après avoir soufflé l'eau, entrons dans le vif du sujet :
Ici, nous utilisons AJAX pour demander à la page data.php d'obtenir la valeur de 'succès', et le temps de requête atteint 80 secondes . Si aucun « succès » n'est renvoyé par le serveur pendant ces 80 secondes, l'état de la connexion restera jusqu'à ce que les données soient renvoyées ou que la valeur de « succès » soit 0 avant la fermeture de la connexion. Après avoir fermé la connexion, continuez la requête suivante.
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <script type="text/javascript" src="http://s1.hqbcdn.com/??lib/jquery/jquery-1.7.2.min.js"></script> </head> <body> <p id="msg"></p> <input id="btn" type="button" value="测试" /> <script type="text/javascript" > $(function(){ $("#btn").bind("click",{btn:$("#btn")},function(evdata){ $.ajax({ type:"POST", dataType:"json", url:"data.php", timeout:80000, //ajax请求超时时间80秒 data:{time:"40"}, //40秒后无论结果服务器都返回数据 success:function(data,textStatus){ //从服务器得到数据,显示数据并继续查询 if(data.success=="1"){ $("#msg").append("<br>[有数据]"+data.text); evdata.data.btn.click(); } //未从服务器得到数据,继续查询 if(data.success=="0"){ $("#msg").append("<br>[无数据]"); evdata.data.btn.click(); } }, //Ajax请求超时,继续查询 error:function(XMLHttpRequest,textStatus,errorThrown){ if(textStatus=="timeout"){ $("#msg").append("<br>[超时]"); evdata.data.btn.click(); } } }); }); }); </script> </body> </html>
Il s'agit d'une boucle infinie. La condition finale de la boucle est d'obtenir le résultat de retour et de renvoyer les données Json.
Et accepte le paramètre $_POST['time'] pour limiter le délai d'expiration de la boucle afin d'éviter un gaspillage excessif de ressources. (Le navigateur n'enverra pas de message au serveur lorsqu'il est fermé, et l'utilisation peut continuer en boucle)
data.php
<?php if(empty($_POST['time']))exit(); set_time_limit(0);//无限请求超时时间 $i=0; while (true){ sleep(1); //延迟一秒 $i++; //若得到数据则马上返回数据给客服端,并结束本次请求 $rand=rand(1,999); if($rand<=15){ $arr=array('status'=>"1",'name'=>'success','text'=>$rand); echo json_encode($arr); exit(); } //到指定超时时间还未返回数据则断开连接 if($i==$_POST['time']){ $arr=array('status'=>"0",'name'=>'error','text'=>'无数据'); echo json_encode($arr); exit(); } } ?>
Pour plus d'articles techniques connexes, veuillez visiter Site PHP chinois !
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!