실시간으로 웹 사이트에 온라인 사람 수를 표시하는 PHP jquery 방법_php 기술

이 기사의 예에서는 웹사이트에 온라인에 있는 사람 수를 실시간으로 표시하는 PHP jquery 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

온라인 사용자 수를 표시하는 가장 간단한 방법은 js를 사용하여 php를 직접 호출하는 것입니다. 그러면 페이지를 새로 고치지 않고도 온라인 사용자 수를 실시간으로 표시할 수 있습니다. , 이를 달성하기 위해 jquery ajax를 사용할 수 있습니다.

일부 애플리케이션에서는 현재 온라인 사용자 수, 현재 총 거래 금액, 현재 환율 등과 같은 데이터를 동적으로 표시해야 합니다. 최신 데이터. 여기서는 jQuery와 PHP를 사용하여 동적 디지털 디스플레이 효과를 구현하는 방법을 예제와 함께 소개합니다.

이 예에서는 일부 통계 플랫폼에서 일반적으로 사용되는 현재 온라인 사용자 수가 페이지에 동적으로 표시된다고 가정합니다(전체 페이지를 새로 고치지 않고 동적 숫자를 부분적으로만 새로 고침). HTML 페이지에서 다음 구조를 정의하세요.

코드 복사 코드는 다음과 같습니다.

현재 온라인:< 스팬 ID= "번호">

먼저 jQuery의 animate() 함수를 사용하여 한 숫자에서 다른 숫자로의 변환 프로세스를 구현하는 애니메이션 프로세스를 정의해야 합니다. 다음 Magic_number() 사용자 정의 함수는 다음과 같이 코드를 통합합니다.

[코드]함수 Magic_number(값) {
var num = $("#번호")
num.animate({개수: 값}, {
기간: 500,
         단계: function() {
               num.text(String(parseInt(this.count)))
           }
})
};

그런 다음 update() 함수는 jQuery의 $.getJSON()을 사용하여 백그라운드 number.php에 ajax 요청을 보냅니다. PHP 응답을 받은 후 Magic_number()를 호출하여 최신 숫자를 표시합니다. 더 나은 결과를 보기 위해 setInterval()을 사용하여 코드 실행 간격을 설정합니다.

코드 복사 코드는 다음과 같습니다.

function update() {
$.getJSON("number.php?jsonp=?", function(data) {
         매직_번호(data.n)
})
};
setInterval(update, 5000); //5초에 한 번씩 실행
업데이트();

PHP 코드 부분:
실제 프로젝트에서는 PHP를 사용하여 데이터베이스의 최신 데이터를 얻은 다음 PHP를 통해 프런트엔드로 반환합니다. 더 나은 설명을 위해 이 예제에서는 임의의 숫자를 사용하고 마지막으로 이를 json 형식으로 프런트엔드 js에 반환합니다. number.php 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

$total_data = array(

'n' =>랜드(0,999)
);  echo $_GET['jsonp'].'('.json_encode($total_data) . ')';

원리는 실제로 매우 간단합니다. js settimeout을 사용하여 몇 초 안에 PHP 파일을 로드하면 온라인에 있는 사람 수를 실시간으로 표시하는 기능을 얻을 수 있습니다.

이 기사가 모든 사람의 PHP 프로그래밍 설계에 도움이 되기를 바랍니다.