Ví dụ về Node, Express, Ajax và Jade

Question

Tôi đang tìm một ví dụ đơn giản về trang Node/Express/Jade đang được cập nhật bằng cách sử dụng cuộc gọi Ajax với cả mã phía máy khách và máy chủ.

Tôi đang gặp một chút rắc rối khi kết hợp tất cả lại với nhau trong đầu.

Answer 1

Có rất nhiều cách có thể thực hiện được và không rõ ràng phương pháp tiếp cận nào bạn muốn thực hiện.

Tôi cho rằng kịch bản đơn giản nhất là thêm một số logic phía máy khách để tìm nạp mẩu html từ máy chủ và cập nhật ứng dụng khách. Đây có thể dễ dàng đạt được sử dụng jQuery (đặt nó bên trong một khối sẵn sàng tài liệu để dây lên sự kiện này):

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

Bằng cách này tất cả html của bạn được tạo ra trên máy chủ và bạn chỉ cần lấy và chèn nó vào trang khi cần thiết .

Bạn cũng có thể tìm nạp json từ máy chủ và hiển thị html trên máy khách, nhưng đó là một trong các phương pháp thay thế. Tôi khuyên bạn nên đưa ra một cái nhìn - đó là một ứng dụng danh sách cần làm với nhiều triển khai khác nhau (mỗi khung sử dụng một khung công tác khác nhau) và do đó là một tài nguyên học tập tuyệt vời cho các phương pháp tiếp cận và thư viện trợ giúp khác nhau.

Tôi cũng muốn giới thiệu sách Hands-on Node.js. Nó sẽ giúp bạn hiểu định tuyến và cách bắt đầu với Nút.