페이지의 섹션에서 실시간 업데이트를 수행하는 방법은 무엇입니까?

Question

새 데이터가있을 때 업데이트하려면 내 페이지 섹션을 새로 고쳐야합니다! 나는 무엇을해야합니까? jquery를 사용 하시겠습니까?

예 :

Answer 1

네, jQuery는 이것으로 좋습니다. 이러한 방법으로 봐 :

http://api.jquery.com/category/ajax/

Answer 2

jQuery는 일반적으로 기본 AJAX에 필요하지 않습니다. 간단한 예는 다음과 같습니다.

liveSection = document.getElementById('latest-news'); 
request = new XMLHttpRequest; 
request.open('GET', '/news-ajax', true); 
request.send(null); 
request.addEventListener('readystatechange', function() { 
    if (request.readyState == 4 && request.status == 200) 
    liveSection.innerHTML = request.responseText; 
}, false); 

Answer 3

당신이 Asp.NET, 왜 아닌 UpdatePanel을 사용하여 사용하는 경우? 그것은 간단하고 신뢰할 수 있습니다.

편집

나는 단지 다시 읽는 당신이 사용자의 웹 페이지를 업데이트 할 그 질문을하고 (당신이 그것을 말로하는 방법에 따라) 보이는 때 서버의 데이터가 변경됩니다. 웹 앱에서 서버가 브라우저로 하여금 아무것도 할 수 없다는 것을 이해하고 싶습니다. 서버는 브라우저 요청에만 응답 할 수 있으므로 브라우저가 주기적으로 서버를 폴링하도록해야합니다. 자바 스크립트의 setTimeout를 사용하여 주기적으로 폴링 (아약스 통해) 서버 -

1 :

Answer 4

나는 간단한 예를 들어 당신이하는 일이 필요합니다 사물의 고장을 이해하는 데 도움이 (jQuery를 사용하여)을 만들었습니다 브라우저에로드 된 내용이 최신 내용인지 확인합니다. 최신 항목 ID 등을 가져 와서 페이지를 처음로드 할 때 초기화 된 변수와 비교하여이 작업을 수행 할 수 있습니다.

2 - 항목 ID가 일치하지 않으면 (너무 단순화 된 비트) 업데이트가 있다고 가정 할 수 있으므로 일부 요소의 내용을 일부 페이지의 내용으로 바꿉니다.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script> 
    function getLatestStuff() { 

     // fetch the output from a context which gives us the latest id 
     $.get("isthereanupdate.aspx", function(response) { 

      // we have the response, now compare to the stored value 
      if(resp != lastItemId) { 

       // it's different, so update the variable and grab the latest content 
       lastItemId = response; 
       $("#latestStuffDiv").load("updates.aspx"); 
      } 
     }); 
    } 

    $(document).ready(function() { 

     // the value which initializes this comes from the server 
     var lastItemId = 7; 
     setTimeout(getLatestStuff, 10000); 
    }); 
</script> 

Answer 5

새로운 데이터가있을 때 업데이트하려면 혜성 또는 pubsubhubbub를 조사해야합니다. jQuery는 데이터를 예쁜 방식으로 표시하는 데 도움을 줄 수 있지만 데이터를 보내려면 서버 측에 물건을 써야합니다.