10초 간격으로 jQuery AJAX 호출을 사용할 때 피드백 항목이 2개만 표시되는 이유는 무엇입니까?

jQuery: 10초 간격으로 AJAX 호출하기

이 시나리오에서는 피드백 데이터베이스가 10초마다 AJAX를 사용하여 쿼리되어 div에 새로운 피드백을 표시합니다. . 그러나 코드에서는 새로운 피드백 항목을 지속적으로 업데이트하는 대신 두 개의 피드백 항목만 표시하는 문제가 발생합니다.

해결책:

오류는 후속 AJAX 호출을 트리거하는 메커니즘이 부족하여 발생합니다. 초기 이후. 이 문제를 해결하려면 setInterval() 또는 setTimeout() 함수를 도입하여 호출 반복을 자동화하세요.

setInterval() 접근 방식:

<code class="javascript">setInterval(get_fb, 10000);</code>

이 변형에서는 get_fb()는 이전 AJAX 호출의 상태에 관계없이 10초마다 실행됩니다.

성공 콜백을 사용하는 setTimeout():

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

이 메서드를 사용하면 다음 호출은 현재 AJAX 호출이 성공적으로 완료되면 실행됩니다.

완전 콜백을 사용하는 setTimeout():

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

이 접근 방식을 사용하면 관계없이 새 AJAX 호출이 트리거됩니다.

jsfiddle에 제공된 예제는 두 방법의 올바른 구현을 보여줍니다. AJAX 호출에서 반환된 오류로 인해 성공 콜백은 한 번만 작동한다는 점에 유의하세요.

위 내용은 10초 간격으로 jQuery AJAX 호출을 사용할 때 피드백 항목이 2개만 표시되는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!