JQuery - 자동 새로 고침 (양식 복제)

Question

나는이 스크립트를 매 x 초마다 내 div를 업데이트하는 데 사용하고 있습니다.

<script type="text/javascript" src="jquery.js"></script> 
<script> 
    var auto_refresh = setInterval(
    function() 
    { 
    $('chatbox').load('chat.php').fadein('slow') 
    }, 1000); // refresh every 1000 milliseconds 
</script> 

나는 내 페이지를 볼 때, 그것은 내 전체 페이지를 복제하고 페이지의 끝을 보여, 아무것도, 제출 양식을 작동되지 않았으며 DIV 중복 된 채팅의 사업부를 업데이트하는 데 사용하지만, 컴퓨터 사용률은 99 %로 떨어졌습니다.

뭐가 잘못 되었나요?

Answer 1

"form"이 div id 인 경우 $('#form')이 아니고 $('form')이되어야합니다. 후자는 chat.php를 페이지의 모든 양식 요소로로드합니다.

또한 chat.php는 전체 페이지가 아닌 필요한 양식 요소 만 인쇄해야합니다. jQuery는 필요한 것을 파싱하는 기능을 제공합니다. $('#form').load('form.php #form');.

서버는 여전히 전체 페이지를 비효율적 인 클라이언트로 보냅니다. 이것이 문제라면 php를 수정하여 JSON (또는 유사한) 데이터 만 보내고 클라이언트 측에서 필요로하는 형식으로 포맷하십시오.