javascript - #! リンクのハッシュタグと感嘆符をフォルダーとして使用しますか?

Question

自分のページをグルーブシャーク ページのように表示する方法
http://grooveshark.com/#!/popular
jQuery または JavaScript でページを表示するためにこの方法を実行する方法を知るためのチュートリアルまたは何かがありますか?

Answer 1

URLのハッシュと感嘆符はハッシュバンと呼ばれ、通常、JavaScriptが実際にページをロードするWebアプリケーションで使用されます。ハッシュ後のコンテンツがサーバーに送信されることはありません。たとえば、URLがある場合example.com/#!recipes/bread。この場合、example.comのページはサーバーからフェッチされ、これにはjavascriptが含まれている可能性があります。このスクリプトは、から読み取り、location.hashでページをロードできます/recipes/bread。

また、GoogleはこのURLスキームをAJAX urlとして認識し、JavaScriptによってレンダリングされるのと同じように、サーバーからコンテンツをフェッチしようとします。この手法を使用してサイトを作成することを計画している場合は、ウェブマスター向けのGoogleのAJAXクロールドキュメントをご覧ください。また、 Gawkerは難しい方法を学んだので、JavaScriptが有効になっていることに依存してはならないことにも注意してください。

javascriptがルーティングを行っている場合でも、ハッシュバンは多くのサイトで使用されなくなります。これが可能なのは、すべての主要なブラウザが履歴APIをサポートしているためです。これを行うために、サイト上のすべてのパスが同じJavascriptを返すようにします。次に、実際のURLを調べてコンテンツをロードします。ユーザーがリンクをクリックすると、Javascriptはクリックイベントをインターセプトし、History APIを使用して新しいページをブラウザーの履歴にプッシュし、新しいコンテンツをロードします。