0

私はいくつかの単一ページ機能を開発しておりwindow.location.hash、更新後にページを再構築するために使用しています。

基本的に、次のようなシンプルなメニューがあります。

<a href = "#user">User</a>
<a href = "#comment">Comment List</a>

コメント リストのリンクを押すと、ブラウザの URL は次のようになります。

myapp.com/#comment

このページには、コメントを削除するために AJAX 関数を呼び出す削除リンクがあります。

<a href = "#remove" class = "rmv-comment" data-id = "${commentId}">Remove Comment</a>

[コメントの削除] リンクを押すと、ブラウザの URL は次のようになります。

myapp.com/#remove

更新時に古いページを再構築できないため、これはあまり役に立ちません。(#commentハッシュが存在しないため、デフォルトのページが表示されます)

次のような URL を作成する方法を探しています。

myapp.com/#comment/#remove

\さまざまな文字 (または など?) を追加しようとしまし#commentたが、うまくいきませんでした。前もって感謝します。

4

1 に答える 1

1

最新のブラウザーでは、 1 つのハッシュ記号しか使用できません

代わりに、次のmyapp.com/#comment/#removeようなものを使用できます。

myapp.com/comment/remove

ページをリロードせずに URL を変更するには、window.historyオブジェクトを使用します。

window.history.pushState("", "Title", "/remove");
window.history.pushState("", "Title", "/comment/remove");
于 2012-11-12T16:04:57.797 に答える