#! hashtag và dấu chấm than trong các liên kết dưới dạng thư mục?

Question

cách tôi có thể làm cho các trang của tôi hiển thị giống như các trang grooveshark
http://grooveshark.com/#!/popular
là có hướng dẫn hoặc điều gì đó để biết cách hiển thị trang này bằng jQuery hoặc JavaScript?

Answer 1

Dấu băm và dấu chấm than trong url được gọi là hashbang và thường được sử dụng trong các ứng dụng web nơi javascript chịu trách nhiệm thực sự tải trang. Nội dung sau khi băm không bao giờ được gửi đến máy chủ. Vì vậy, ví dụ: nếu bạn có url example.com/#!recipes/bread. Trong trường hợp này, trang tại example.com sẽ được tìm nạp từ máy chủ, điều này có thể chứa một phần của javascript. Tập lệnh này sau đó có thể đọc từ location.hash và tải trang tại /recipes/bread.

Google cũng nhận ra lược đồ URL này là url AJAX và sẽ cố tìm nạp nội dung từ máy chủ, vì nó sẽ được hiển thị bởi javascript của bạn. Nếu bạn dự định tạo trang web bằng kỹ thuật này, hãy xem google's AJAX crawling documentation for webmasters. Cũng xin lưu ý rằng bạn không nên dựa vào javascript đang được bật, vì Gawker learned the hard way.

Hashbang sẽ không được sử dụng trong nhiều trang web, thậm chí javascript định tuyến. Điều này là có thể vì tất cả các trình duyệt chính đều hỗ trợ history API. Để làm điều này, họ làm cho mọi đường dẫn trên trang web trả về cùng một Javascript, sau đó xem url thực tế để tải nội dung. Khi người dùng nhấp vào một liên kết, Javascript chặn sự kiện nhấp và sử dụng API lịch sử để đẩy trang mới vào lịch sử trình duyệt và sau đó tải nội dung mới.