할인카드 유저단 작업
MyUtil.java를 개조하여 페이지작업을 ajax로 처리함
- MyUtilSub.java의 69번줄
sb.append("<a href='javascript:search("+page+")' class='numBox'>"+page+"</a>");
- 스크립트는 아래와 같음
function search(pageNum){
var cardKind="${cardKind}";
var searchKey="card_refer_name";
var searchValue=$("#cardSelect option:selected").val();
var searchKey1="card_name";
var searchValue1=$("#searCnt").val();
var params="";
// 검색 조건이 하나일때와 두개일때 처리(기본적으로 하나는 무조건 있음)
if(searchValue1==null || searchValue1==""){
params="searchKey="+searchKey+"&searchValue="+searchValue;
}else{
params="searchKey="+searchKey+"&searchValue="+searchValue+"&searchKey1="+searchKey1+"&searchValue1="+searchValue1;
}
// pageNum을 받을때와 받지 않을때 처리
if(pageNum==null || pageNum==""){
params+="&dumi="+new Date().getTime();
}else{
params+="&pageNum="+pageNum+"&dumi="+new Date().getTime();
}
var url="<%=cp%>/card/list?cardKind="+cardKind;
$.ajax({
type:"post"
,url:url
,data:params
,success:function(args){
$("#tform").remove();
$("#cardForm").html(args); // 컨트롤러에서 리턴된 jsp가 cardForm안에 들어오게 된다.
}
,error:function(e){
alert(e.responseText);
}
});
}
- 바디부분
<select name="cardSelect" id="cardSelect" onchange="search();">
<option value="">카드사 선택</option>
<option value="삼성카드" >삼성카드</option>
<option value="신한카드" >신한카드</option>
</select>
<input type="text" name="searCnt" id="searCnt" value="" onkeyup="if(event.keyCode == '13'){javascript:search();}">
위와 같은 방법으로 함수를 작동 시킴