2013-09-24 5 views
1

div를 새로 고치는 방법에 대해 조언 해 줄 사람이 있습니까?특정 div 새로 고침

나는 체스 게임을 만들고 있는데, 다른 플레이어가 데이터를 데이터베이스에 올릴 때마다 div가로드되기를 바란다. 내 게임이 거의 끝났습니다. 플레이어 2는 플레이어 1이 움직 인 것을 보았습니다. 플레이어 2가 브라우저를 새로 고침 할 때 플레이어 1이 조각을 움직 였다는 것을 볼 수 있습니다.

어떻게 자동으로이 작업을 수행 할 수 있습니까?

저는 jQuery와 Ajax를 사용하고 있습니다.

+0

:이 ID = "row1_col1" – Reinherd

+0

예 선생님처럼이 내 요소

some codes
그래서, 그 DIV에 ID를 할당합니다. – reyes

+3

코드를 게시하십시오. – SarathSprakash

답변

1

무엇인가 :

<script type="text/javascript"> 
window.onload = setupRefresh; 
var interval = 1000; 


    function setupRefresh() { 
     setTimeout("refreshPage();", interval); // milliseconds 
    } 

    function refreshPage() { 
     //get game state using ajax and update div 
    } 

이 매 초마다 새로 고쳐집니다 (== 1000MS, 당신은/필요를 원하는에 변경), 당신은

+1

문자열을 전달하지 않고'eval()'을 암묵적으로 호출하는 대신 함수 참조를'setTimeout()'에 넘겨 주시겠습니까? – rexcfnghk

0

이 시도 refreshPage에서 물건을() 구현해야, Auto Load and Refresh Div every 10 Seconds with jQuery. 캔트는 이미 완료 한 것을 표시하지 않고 더 답변합니까? 당신을 도울 수있는이 같은

+0

네, @Sobin 선생님, [내 코드를 좀 보시오] (http://jsfiddle.net/4KLHs/16/)에 답해 주셔서 감사합니다. 미안하다. 내 코드는 jsFiddle에 넣지 않아도된다. – reyes

+0

거기에서 무슨 일이 일어 났습니까? –

+0

셀이 보드에 추가되고 루프 및 루프되므로 셀이 추가되어 보드에 추가됩니다. – reyes

0

희망 뭔가 ...

$(document).ready(function(){ 
     setInterval(targetDiv, 1000); 
    }); 

    function targetDiv(){ 
    $.ajax({ 
     url: "/refresh_your_div_function", 
     //Other code u need to perform 
    }).done(function() { 
     //Your code 
    }); 
    } 
+0

답장을 보내 주셔서 감사합니다.하지만 setInterval을 사용하면 보드에 셀이 많이 추가됩니다. – reyes

+0

@ reyes.Seriously 왜 setinterval 보드에 많은 셀을 추가 할 수 있는지 이해할 수 없다 .. ??? 당신은 이것에 대한 자세한 정보를 제공 할 수 ... – Outlooker

+0

예, 그래서 그것은 보드에 셀을 추가하는 것입니다. $ ('# board') 함수 drawBoard를 볼 수있다. append (str); str을 보드에 추가하므로 setInterval을 추가하면 추가되고 추가되고 추가됩니다. – reyes