Node, Express, Ajax 및 Jade 예제

Question

클라이언트 및 서버 측 코드 모두에서 Ajax 호출을 사용하여 업데이트되는 Node/Express/Jade 페이지의 간단한 예제를 찾고 있습니다.

나는이 모든 것을 내 머리 속에 집어 넣는 데 어려움을 겪고있다.

Answer 1

이것이 수행 될 수있는 많은 방법이 있으며 어떤 접근 방식을 취하고 싶은지 즉시 알 수 없습니다.

가장 단순한 시나리오는 서버에서 html 조각을 가져 와서 클라이언트를 업데이트하기 위해 클라이언트 측 논리를 추가하는 것입니다.

$('#button').click(function() { 
    $.get('/some/url', {foo: 42}, function(result) { 
     $('#target').html(result); 
    } 
} 

이 방법은 모든 HTML이 서버에 생성됩니다 당신은 단순히 인출하고 필요에 따라 페이지에 삽입이 쉽게 jQuery를 사용하여 달성된다 (이벤트를 묶는 문서 준비 블록 내부에 넣어) .

서버에서 json을 가져 와서 클라이언트의 html을 렌더링 할 수도 있지만 그 방법 중 하나입니다. TodoMVC을 사용하는 것이 좋습니다. 다양한 구현 (여러 프레임 워크를 사용하는)이있는 todo 목록 응용 프로그램이므로 다양한 방법과 도우미 라이브러리를위한 훌륭한 학습 리소스입니다.

Hands-on Node.js 권의 책을 권하고 싶습니다. 라우팅과 노드 시작 방법을 이해하는 데 도움이됩니다.