>웹 프론트엔드 >JS 튜토리얼 >페이지를 다시 로드하지 않고 URL을 어떻게 변경할 수 있나요?

페이지를 다시 로드하지 않고 URL을 어떻게 변경할 수 있나요?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-12-21 17:29:10910검색

How Can I Change a URL Without Reloading the Page?

페이지를 다시 로드하지 않고 URL 수정

문제:

페이지를 다시 로드하지 않고 현재 페이지의 URL을 변경할 수 있습니까? 페이지 트리거 새로 고침?

목표:

해시를 제외하고 도메인 이름 뒤의 URL 부분에 액세스하고 수정합니다. (#).

해결책:

Window.history.pushState()

최신 브라우저는 pushState()를 지원합니다. 메서드를 다시 로드하지 않고도 브라우저 기록을 조작할 수 있습니다. 페이지.

구현:

  1. 페이지 콘텐츠를 업데이트합니다(예: AJAX를 통해).
  2. 창을 사용하여 URL 경로 설정 .history.pushState() 및 원하는 urlPath.
function processAjaxData(response, urlPath){
     // ... (update content)

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

위 내용은 페이지를 다시 로드하지 않고 URL을 어떻게 변경할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.