Statut de la demande d'interrogation Ajax

La fonction à mettre en œuvre ici est de se connecter au site en scannant le code QR du compte public WeChat avec les paramètres. Mais évidemment, si ajax demande le serveur en continu, cela augmentera la charge sur le serveur. Par conséquent, cet exemple utilise setInterval de js pour appeler et exécuter périodiquement une fonction ajax pour demander des données au serveur, mais la demande réussit ou la demande est réussie. effectué un certain nombre de fois. Si l'opération échoue toujours, utilisez la fonction clearinterval pour effacer la minuterie.

Le code et les commentaires sont les suivants : (Le backend est implémenté à l'aide de thinkPHP, donc le code js contient des règles de syntaxe thinkPHP)

<script type="text/javascript" src="__CSS__/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
<script type="text/javascript">
var uid = "{$uid}";
var i = 0;
var timer;
$().ready(function(){
//打开扫码登录模态框
$(&#39;#login&#39;).click(function(){
//如果用户已经登录，则返回
if(uid){ 
return ;
}
//打开模态框，通过remote选项从远程加载数据
$(&#39;#loginModel&#39;).modal({
remote: "{:U(&#39;user/login&#39;)}"
});
});
//模态框隐藏之后清空数据
$("#loginModel").on("hidden.bs.modal", function() {
$(this).removeData("bs.modal");
});
//当模态框显示出来后，通过定时返回来向服务器请求数据，定时器是每三秒请求一次服务器
$(&#39;#loginModel&#39;).on(&#39;shown.bs.modal&#39;, function (e) {
timer = setInterval(ajax_request, 3000);
});
});
//ajax 请求函数，
function ajax_request(){
i++;
//如果已经请求20此没有请求成功，则强制结束，给出提示信息，因为每3s调用一次，供调用20次，大概就是一分钟的时间
if(i > 20){
$(&#39;.login_info1&#39;).html(&#39;<span style="color:red;">登录超时，如需登录请刷新页面~</span>&#39;);
clearInterval(timer);
return ;
}
$.ajax({
type: "post",
url: "{:U(&#39;User/login_qrcode&#39;)}",
timeout : 3000,
data: { "scene_id": $(&#39;#scene_id&#39;).val() },
success: function (msg){ 
if(1 == msg.status){
$(&#39;.login_info1&#39;).html(&#39;<span style="color:#0C9;">&#39;+msg.info+&#39;</span>&#39;);
setTimeout(refresh, 3000);
return ;
}
},
error: function(){
}
});
}
//重载页面
function refresh(){
location.reload();
}
</script>

Recommandations associées :

PHP implémente la connexion par code QR WeChat PC

Comment utiliser la connexion par code QR ? Résumer l'utilisation des exemples de connexion par code QR

Explication détaillée du principe de connexion par code QR

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!