jQuery를 사용하여 10초 간격으로 Ajax 데이터를 검색하는 방법은 무엇입니까?

jQuery: 10초 간격으로 Ajax 데이터 검색

실시간 데이터 검색을 통합하는 피드백 디스플레이를 설계할 때 다음 사항이 중요합니다. 표시된 콘텐츠를 주기적으로 업데이트하는 메서드를 구현합니다. 이는 jQuery의 강력한 Ajax 기능을 사용하여 달성할 수 있습니다.

10초마다 새 항목을 표시하는 피드백 div를 설정하려면 다음 접근 방식을 활용할 수 있습니다.

1. 정의 피드백을 검색하는 함수: Ajax 호출을 실행하여 Feedback.php와 같은 서버측 스크립트에서 피드백 데이터를 검색하는 get_fb라는 함수를 생성합니다.
2. Ajax 호출 매개변수 구성: get_fb 함수 내에서 요청 유형(POST), 요청을 보낼 URL(feedback.php)을 지정하고 async를 false로 설정하여 호출이 동기식인지 확인하세요.
3. 검색된 데이터 처리: 피드백 데이터 검색에 성공하면 피드백 컨테이너(div.feedback-box)의 HTML 콘텐츠를 수신된 데이터로 업데이트합니다.
4. 자동 검색 예약: 새로운 피드백 항목을 정기적으로 표시하려면 setInterval 또는 setTimeout을 사용하여 타이머를 설정하십시오. 10초마다 get_fb 함수를 호출하도록 타이머를 구성합니다.

제공된 코드를 기반으로 개선된 예는 다음과 같습니다.

<code class="javascript">function get_fb(){
    var feedback = $.ajax({
        type: "POST",
        url: "feedback.php",
        async: false
    }).responseText;

    $('div.feedback-box').html(feedback).delay(10000).queue(function() {
        setTimeout(function(){get_fb();}, 10000);
    });
}</code>

참고: 이 접근 방식은 다음과 같습니다. 이전 검색이 완료된 후 다음 검색을 예약합니다. 필요에 따라 타이밍을 조정하여 디스플레이 성능을 최적화할 수 있습니다.

위 내용은 jQuery를 사용하여 10초 간격으로 Ajax 데이터를 검색하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!