저는 비교적 서버 쪽 프로그래밍에 익숙하지 않지만, 학습을 위해 프레임 워크를 구축하고 결과가 끝나면 최종 결과물을 대중에게 전달합니다.node.js와 함께 AJAX를 사용하는 방법
웹 플랫폼의 일부에서 요청시 페이지의 일부만 업데이트 할 수 있기를 원하지만 AJAX에 대해서는 아직 모릅니다.
누군가 내가 원하는 것을 일종의 학습 곡선으로 제안 할 수 있다면 좋을 것입니다. Kinda SoundCloud는 요청 된 DOM 부분 만 업데이트 할 수있는 웹 사이트를 제공합니다.
참고 : 나는 이것에 관해서 조금 새로운 것이므로, 소금 한 알이 권고됩니다. 나는 나를 위해 일하는 기술에 대해 자세히 설명하고 있지만 그것이 최선의 방법이라는 보장은하지 않는다!
AJAX는 클라이언트 측에 있으며 표준 자바 스크립트 (대부분의 경우 권장하지 않는 고통) 또는 jQuery와 같은 라이브러리를 통해 구현됩니다. 아약스 호출에 jQuery를 사용하는 방법에 대한 튜토리얼이 많이 있지만 서버에있는 리소스를 요청하면 데이터가있는 콜백이 호출됩니다 (이 동작은 노드와 마찬가지로 비동기 적입니다.) .js 경향이 있습니다.)
AJAX를 클라이언트로 사용 해본 경험이 없다면 Express와 같은 프레임 워크로 시작한 다음 자신 만의 롤링을 시작하기를 권장합니다. AJAX 호출은 표준 HTTP 요청과 다를 바가 없습니다. POST, GET 등이 가능합니다.
다음은 라우팅 정보입니다. 일부 정보 (AJAX가 아닌지 여부)를 요청하면 어떻게해야합니까? 내가 무엇을 반환해야합니까? 프레임 워크는 배후에있는 것을 처리하기 때문에 요청할 리소스, 요청 된 메서드 및 콜백을 지정하면 서버 쪽 처리에서 일부를 반환합니다. 데이터. 이 데이터는 웹 페이지 일 수도 있고 JSON 객체 일 수도 있습니다. 요점은 AJAX 호출에 적합한 방식으로 구조화하려는 것입니다.
다음은 간단한 예입니다. 서버에 관련된 정보 (예 : 가동 시간,로드, 메모리 사용량 등)가 표시되는 웹 페이지가 있습니다. 먼저이 데이터를 구성하는 기본 HTML 페이지 (예 : index.html)를 작성하고 AJAX에서이 정보를 호출하는 스크립트를 작성하기 시작합니다. 나는 요청 (예 : /json/stats)이 JSON 응답을받을 것이라고 결정한다. 서버 측에서는 서버를 시작하는 두 가지 경로가있는 간단한 Express 스크립트를 사용합니다. 첫 번째 경로는 내 / 페이지에 대한 요청을 받아 index.html에 제공합니다. 두 번째 경로는 /json/stats에 대한 요청을 받고 서버 상태를 파악하고이 데이터를 보유하는 객체를 생성 한 다음 응답으로 반환하기 위해 몇 가지 호출을합니다. 자, 이제 HTML 페이지의 스크립트에서 jQuery를 통해이 객체의 구조를 조작하여 페이지를 작성할 수 있습니다.
이 코드는 here으로 볼 수 있습니다. 이 주제를보다 개념적으로 이해할 수 있도록 REST architecture (이 코드가 준수해야 함)을 조사해 보는 것이 좋습니다.
정말 광범위한 질문입니다. 당신이해야 할 일은 많은 튜토리얼을 찾아서 작업하는 것입니다. 거기에 많은 정보가 있습니다. 아마도 Google로 시작해야 할 것입니다. –
@CrazyTrain 그건 정확히 내 질문이야, 어쩌면 당신은 경험에서 좋은 튜토리얼을 알고 있니? –
나는 내가 약간을 추천 할 수 있었 더라면 좋겠다고 생각한다. 그러나 나는 정말로 할 수 없다. 내가 배우는 동안 나는 방금 모든 곳을 검색하고 최대한 많은 정보원에서 정보를 얻었습니다. NodeJS 기반 자습서를 찾는 것이 어려울 것이라고 저는 생각하지 않습니다. 이미 클라이언트에서 DOM을 조작하는 것에 익숙하십니까? –