검색결과 리스트
-- JavaScript에 해당되는 글 33건
- 2018.03.12 페이지 갱신없이 주소변경
글
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
보통 검색 조건으로 리스트를 조회하여 조회된 리스트 중 하나의 상세로 들어갔다가 "브라우저 back키"를 눌렀을 때, 검색 조건이 초기화되게 된다. 검색 조건을 유지시키려고 파라미터를 지정하여 파라미터에 맞게 조건을 걸어주면 되는데, 파라미터 지정을 위해 페이지를 리로드 하기가 싫어 아래와 같이 history.pushstate를 사용하는 글을 찾았다.
자세한 사항은 출처를 확인하길 바란다.
( 브라우저가 HTML5를 지원해야 사용 가능 - IE는 10이상 )
if(typeof(history.pushState) == 'function')
{
//현재 주소를 가져온다.
var renewURL = location.href;
//현재 주소 중 page 부분이 있다면 날려버린다.
renewURL = renewURL.replace(/\&page=([0-9]+)/ig,'');
//새로 부여될 페이지 번호를 할당한다.
// page는 ajax에서 넘기는 page 번호를 변수로 할당해주거나 할당된 변수로 변경
renewURL += '&page='+page;
//페이지 갱신 실행!
history.pushState(null, null, url);
}
'-- JavaScript' 카테고리의 다른 글
| textarea에 maxlength 설정하기 (0) | 2020.07.17 |
|---|---|
| SNS 공유 (0) | 2020.04.14 |
| IE11 new Date() Invalid Date (0) | 2018.02.07 |
| javascript로 user agent 변경하기 (0) | 2018.02.07 |
| [CrossBrowser] IE9 이하 console 에러 (0) | 2017.08.31 |
RECENT COMMENT