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>