AJAX

AJAX 페이지 이동 및 정렬

KimNani 2022. 8. 31. 01:07
  
//순서정렬
function order_go(or){

        let params = $("#form123").serialize();
        let f = document.form123;
        f.or.value=or;//순서명
        
        readList(params);

}
  
 //페이지 넘김 버튼을 눌렀을시 작동
function gopage(a){

        let f = document.form123;
        f.page.value=a;
        let params = $("#form123").serialize();
        const offset = $(".scmove").offset().top;
		
        readList(params);

}

function readList(params){
	$.ajax({
            url:'./list_ajax.php',
            method:'post',
            data:params,
            datatype:'html',
            success: function(data){
                $("#view").html(data);
                $('html,body').animate({
                    scrollTop:offset-100
                },500);
            }
        })
}
<form id="form123" class="scmove" name="form123">
    <input name="page" type="hidden" /> 
    <input name="or" type="hidden"/>
</form>
<div id="view"></div>

<button onclick="order_go('추천순')">추천순</button>
<button onclick="order_go('가격순')">가격순</button>

<button onclick="gopage(1)">1페이지</button>
<button onclick="gopage(2)">2페이지</button>
<button onclick="gopage(3)">3페이지</button>