소스 파일 : /paging/page_testing.js (2020-06-28)     소스 설명 : (구현 항목) 페이지 나누기 (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
036
037
038
039
040
041
042
043
044
045
046
// (2022.8.27, 차재복, Cha Jae Bok, http://www.ktword.co.kr)

// (페이지 구분) ajax 호출 (페이지 구분 출력, 페이지 번호 링크화)
function pageBreakDisplayAjax (out, page, parms) {

        if (typeof out == 'string') out = document.getElementById(out);
        if (parms == null) {
            var parms = {};
            let page;
            if (page == null) page = '1';
            parms.url = '../paging/page_testing.php'+'?p='+page;
            parms.method = 'get';
        } else {
            parms.url = parms.url + '&p='+page;
        }

		let xhr = new XMLHttpRequest();
		xhr.open(parms.method, parms.url);
		xhr.onreadystatechange = function() {
			if (xhr.readyState === 4 && xhr.status === 200) {
                out.innerHTML = xhr.responseText;    // 페이지 구분 출력
                pageLink(out, parms);     // 서버로부터 온 문서에서 상단,하단 페이지 번호 링크화
			}
		};
		xhr.send();
}


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

    let elems = out.getElementsByClassName('pages')
//    let elems = out.querySelectorAll('.pages');
    for (let i = 0, len=elems.length; i < len; i++) {
        elems.item(i).dataset.parms = JSON.stringify(parms);
            
        elems.item(i).addEventListener('click', function(e) {
            e.preventDefault();
            let page = elems.item(i).dataset.page;
            let transferParms = JSON.parse(elems.item(i).dataset.parms);
            pageBreakDisplayAjax (out, page, transferParms);
        });
    }

}


Copyrightⓒ written by 차재복 (Cha Jae Bok)               기술용어해설 후원
"본 웹사이트 내 모든 저작물은 원출처를 밝히는 한 자유롭게 사용(상업화포함) 가능합니다"