소스 파일 : /ex_run/page_testing.js (2019-09-30)     소스 설명 : (구현 항목) 페이지 나누기 (javascript)
001
002
003
004
005
006
007
008
009
010
011
012
013
014
015
016
017
018
019
020
021
022
023
024
025
026
027
028
029
030
031
032
033
034
035
// (2019.9.30, 차재복, Cha Jae Bok, cjbword@gmailcom)

// (페이지 구분) ajax 호출 (페이지 구분 출력, 페이지 번호 링크화)
function pageBreakDisplayAjax (out, page) {
        let method = 'get';
        if (page==null) page = '1';
        let url = '../ex_run/page_testing.php'+'?p='+page;

		let xhr = new XMLHttpRequest();
		xhr.open(method, url);
		xhr.onreadystatechange = function() {
			if (xhr.readyState === 4 && xhr.status === 200) {
				out.innerHTML = xhr.responseText;    // 페이지 구분 출력
//                out.style.border = '1px gray dotted';
                pageLink(out);     // 함수를 통한 페이지 번호 링크화
			}
		};
		xhr.send();
}


// (페이지 구분) 함수를 통한 페이지 이동 번호 링크화
function pageLink(out) {

   let elems = document.getElementsByClassName('pages')
    for (let i = 0, len=elems.length; i < len; i++) {
        elems.item(i).addEventListener('click', function(e) {
            e.preventDefault();
            let page = elems.item(i).dataset.page;
            pageBreakDisplayAjax (out, page);
        });
    }

}
Copyrightⓒ written by 차재복 (Cha Jae Bok)