Fully Responsive Theme
Resize your Browser to see the Effect
Parallax Effect
Scroll and Notice the Header Image

ajax 롱 폴링 예제

AJAX 롱 폴링은 배울 흥미로운 주제이지만 무제한 호스팅 리소스가 없는 한 프로덕션 웹 사이트에서 사용하지 마십시오. 우리는 RESTful 웹 API를 통해 JSON 데이터를 끌어 아약스를 사용하는 방법을 설명하는 이전 블로그 게시물을 썼다 (그것을 읽을 여기를 클릭하십시오). 나는 jquery 플러그인 fancytree를 사용하여 트리 구조를 구축하고 트리 요소를 클릭하면 긴 폴링 호출의 매개 변수인 요소의 제목을 얻습니다. 다른 클릭 이벤트가 시작되지 않는 한 longPolling() 함수 내에서 lastClicked 변수가 지워지지 않습니다. 이러한 감정을 다소 확장하면서 API를 반복적으로 폴링하여 데이터를 계속 가져오는 Ajax “폴링” 프로세스를 만드는 프로세스를 살펴보고자 합니다. 이렇게 하면 데이터가 변경될 때 데이터를 수신, 처리 및 조작하거나 표시할 수 있습니다. 첫째, 우리는 우리의 목표를 달성하기 위해 서버에 브라우저에서 ajax 요청을 보내야합니다. 난 당신이 자바 스크립트와 아약스를 사용하는 기본적인 지식을 가지고 있다고 가정합니다. 당신이 좋아하는 경우에, 당신은 자세한 내용을 보려면 그 주제에 내 튜토리얼을 따를 수 있습니다. 이 프로세스를 사용하는 컨텍스트는 업데이트를 처리하고 최종 사용자에게 반환하는 중앙 집중식 API 서버에 지리적 위치 업데이트를 통해 Google 맵에 대한 변경 사항을 표시하는 것입니다. 이 특정 컨텍스트는 Angular Javascript 기반 프레임 워크 내에 있지만 Ajax + Javascript를 지원하는 모든 곳에서 사용할 수 있습니다. 다음 비즈니스 인텔리전스 프로젝트를 위한 아름다운 대시보드 게이지 제품군을 찾고 있다면 대시보드 게이지 제품군을 확인하는 것이 좋습니다.

그리고 함께 폴링 솔루션이 필요한 경우 jQuery 긴 폴링 솔루션을 사용해 보십시오. 편집: Long Polling을 염두에 두고 빌드된 응용 프로그램은 서버와 클라이언트 간의 지속적이거나 오래 지속되는 HTTP 연결을 사용하여 실시간 서버 상호 작용을 제공하려고 시도합니다. 즉, 세트를 사용하여 도박간격입니다. Lag, 응답하지 않는 서버 또는 전체 네트워크 문제로 인해 할당된 시간에 호출이 반환되지 못할 수 있습니다. 이 시점에서, 당신은 반드시 같은 순서로 반환하지 않습니다 대기 Ajax 요청의 무리로 끝날 수 있습니다. 다음 이미지는 긴 폴링의 개념을 설명합니다. 짧은 폴링 및 SSE는 웹 사이트에 사용하기에 좋지 않습니다. 긴 폴링 또는 웹 소켓을 사용할 수 있습니다. 긴 폴링은 대부분의 웹 브라우저에서 지원되지만 웹 소켓은 이전 브라우저를 지원하지 않습니다. 그러나 긴 폴링에는 웹 소켓보다 CPU 용량이 더 많이 필요합니다. 페이스 북 등과 같은 많은 웹 사이트는 긴 폴링을 사용합니다.

PHP를 사용하여 긴 폴링 스크립트를 만드는 방법을 보여 줄 것입니다. 끝에 있는 예제에서는 고급 긴 폴링을 설명합니다. 새 메시지에 대한 폴링은 위에 표시된 샘플과 매우 유사보이는 함수를 사용하여 구현됩니다. 최종 코드는 다음과 같습니다: 긴 폴링은 고주파 폴링의 CPU 또는 트래픽 오버헤드 없이 서버 메시지에 대한 대기 시간 지연 이짧은 응답을 활성화하기 위해 웹 응용 프로그램에서 사용되는 기술입니다. 폴링은 클라이언트가 서버에 새 데이터를 정기적으로 요청하는 기술입니다. 짧은 폴링과 긴 폴링의 두 가지 방법으로 폴링을 수행할 수 있습니다. 간단히 말해서, Short polling은 AJAX 기반 타이머로 고정 지연으로 호출되지만 긴 폴링은 혜성을 기반으로 합니다(즉, 서버 이벤트가 지연 없이 발생할 때 서버가 클라이언트에 데이터를 보냅니다). 둘 다 장단점을 가지고 있으며 사용 사례를 기반으로 적합합니다. 자세한 내용은 StackOverflow 커뮤니티에서 제공한 답변을 읽어보십시오.

WebSockets가 보편적이고 일관되게 지원되기까지는 아직 시간이 남아 있습니다. 그때까지 jQuery 긴 폴링 기술은 실시간 서버 통신을 위한 동급 최강의 솔루션입니다. 이러한 유형의 Ajax 푸시 기술은 HTML5 WebSocket의 토대를 마련합니다. HTML5 WebSockets를 사용하면 응용 프로그램 개발의 진정한 서버 푸시 스타일을 볼 수 있습니다. 이것은 진정으로 응답 웹 응용 프로그램에 대 한 만들 것입니다. WebSocket을 사용할 수 없는 경우 Socket.IO Adobe 플래시 소켓 또는 Ajax 폴링을 포함한 다음 최상의 전송을 선택합니다. 따라서 JavaScript 긴 폴링 예제를 잘 이해하는 것이 중요합니다.

This entry was posted in Uncategorized.