jQuery에서 페이지 새로 고침

1. location.reload() 메서드를 사용하여 jQuery에서 페이지 새로 고침
2. history.go() 메서드를 사용하여 jQuery에서 페이지 새로 고침

오늘 포스트에서는 jQuery에서 location 및 history 객체를 사용하여 페이지를 새로 고치는 방법을 배웁니다.

location.reload() 메서드를 사용하여 jQuery에서 페이지 새로 고침

Uniform Resource Locator는 location 인터페이스로 표시되는 페이지 위치입니다. 변경 사항은 참조하는 개체에 반영됩니다.

문서 및 창 인터페이스에는 Document.location 및 Window.location을 통해 각각 액세스할 수 있는 관련 위치가 있습니다.

새로 고침 버튼과 마찬가지로 location.reload() 기술은 기존 URL을 다시 로드합니다. location.reload()는 잘 알려진 JavaScript 메소드입니다. 따라서 jQuery가 필요하지 않습니다.

다시 로드하면 SECURITY_ERROR DOMException이 중단되고 throw될 수 있습니다. 이것은 스크립트의 기반이 location.reload()를 호출하는 경우 location 개체를 소유한 페이지의 원본과 다른 경우 발생합니다.

통사론:

reload();

다음 예를 통해 이해해 봅시다.

참고: 다음 코드는 이 방법으로 실행할 수 없으며 출력이 없습니다. 결과를 표시하려면 기존 코드에 추가해야 합니다.

HTML 코드:

<p>Hello World!</p>
<button type="button" id="btn">Reload</button>

자바스크립트 코드:

$('#btn').click(function() {
  location.reload();
});

jQuery를 지원하는 모든 브라우저에서 위의 코드 조각을 실행해 보십시오. 페이지를 새로고침할 것입니다.

history.go() 메서드를 사용하여 jQuery에서 페이지 새로 고침

history.go() 메소드는 세션 기록의 특정 페이지를 로드합니다. 매개변수 값에 따라 기록에서 앞뒤로 이동하는 데 사용할 수 있습니다. 이 메서드는 비동기식입니다.

history.go() 메소드는 전달된 매개변수를 기반으로 브라우저의 히스토리에서 URL을 로드합니다. 주어진 매개변수가 0이면 현재 페이지를 다시 로드합니다.

통사론:

history.go(0);

다음 예를 통해 이해해 봅시다.

참고: 다음 코드는 이 방법으로 실행할 수 없으며 출력이 없습니다. 결과를 표시하려면 기존 코드에 추가해야 합니다.

HTML 코드:

<p>Hello World!</p>
<button type="button" id="btn">Reload</button>

자바스크립트 코드:

$('#btn').click(function() {
  history.go(0);
});

jQuery를 지원하는 모든 브라우저에서 위의 코드 조각을 실행해 보십시오. 페이지를 새로고침할 것입니다.

여기에서 데모를 보십시오.