Ajax 폴 링 요청 상태(위 챗 공식 번호 밴드 파라미터 QR 코드 로그 인 사이트)
그러나 ajax 가 끊 이지 않 는 요청 서버 를 사용 하면 서버 의 부하 가 증가 할 수 있 음 이 분명 합 니 다.따라서 이 예 는 js 의 setInterval 을 사용 하여 주기 적 으로 ajax 함 수 를 호출 하여 서버 에 데 이 터 를 요청 하지만 요청 이 성공 하거나 요청 한 후 일정 횟수 가 완료 되 지 않 았 을 때 clearinterval 함수 로 타 이 머 를 비 웁 니 다.
코드 와 설명 은 다음 과 같 습 니 다.(백 엔 드 는 thinkpHP 로 이 루어 지기 때문에 js 코드 에는 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(){
//
$('#login').click(function(){
// ，
if(uid){
return ;
}
// ， remote
$('#loginModel').modal({
remote: "{:U('user/login')}"
});
});
//
$("#loginModel").on("hidden.bs.modal", function() {
$(this).removeData("bs.modal");
});
// ， ，
$('#loginModel').on('shown.bs.modal', function (e) {
timer = setInterval(ajax_request, 3000);
});
});
//ajax ，
function ajax_request(){
i++;
// 20 ， ， ， 3s ， 20 ，
if(i > 20){
$('.login_info1').html('<span style="color:red;"> ， ~</span>');
clearInterval(timer);
return ;
}
$.ajax({
type: "post",
url: "{:U('User/login_qrcode')}",
timeout : 3000,
data: { "scene_id": $('#scene_id').val() },
success: function (msg){
if(1 == msg.status){
$('.login_info1').html('<span style="color:#0C9;">'+msg.info+'</span>');
setTimeout(refresh, 3000);
return ;
}
},
error: function(){
}
});
}
//
function refresh(){
location.reload();
}
</script>이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Javascript Ajax에 대한 간단한 연습저는 약 4년 동안 프로그래밍 개인 튜터로 일한 경험이 있습니다. 약 5년 전에 " "이라는 제목의 페르시아어로 내 웹사이트에 블로그 게시물을 올렸고 사람들이 저에게 전화하기 시작했습니다. 나는 항상 사람들을 가르치...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
