ホームページ >ウェブフロントエンド >jsチュートリアル >ページをリロードせずに URL を変更するにはどうすればよいですか?

ページをリロードせずに URL を変更するにはどうすればよいですか?

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-12-21 17:29:10986ブラウズ

How Can I Change a URL Without Reloading the Page?

ページをリロードせずに URL を変更する

問題:

リロードせずに現在のページの URL を変更することは可能ですか?ページをトリガーするrefresh?

目的:

ハッシュを除く、ドメイン名の後の URL 部分にアクセスして変更する(#).

解決策:

Window.history.pushState()

最新のブラウザは、pushState() をサポートしています。このメソッドを使用すると、ブラウザーをリロードせずにブラウザーの履歴を操作できます。 page.

実装:

  1. ページのコンテンツを更新します (例: AJAX 経由)。
  2. ウィンドウを使用して URL パスを設定します.history.pushState() と必要なurlPath.
function processAjaxData(response, urlPath){
     // ... (update content)

     window.history.pushState({
         "html": response.html,

以上がページをリロードせずに URL を変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。