[jQuery] Ajax Rendering

jquery

jquery 플러그인으로 ajax를 사용하여 rendering을 할 때 유용한 방법을 정리하려고 한다

페이징을 할 때 페이징 마다 ajax함수를 호출해서 랜더링을 하는 방법도 있지만 

목록 전부를 불러와서 페이징 시 DB접근 없이 랜더링 하는 방법이다

전역 변수에 랜더링할 목록 데이터 저장

우선 jquery 전역변수를 선언하고 ajax함수를 따로 만들어서 랜더링할 목록 데이터를 저장한다

( 이게 최선은 아닐 수 있지만 일단 할 수 있는 방법을 정리해놓으려고 한다 )

이렇게 저장 해놓으면 나머지 활용하는 방법은 입맛대로 사용하면 된다

var $data = "";    // 목록데이터를 저장할 전역변수
 
// ajax 함수 전달인자
var paramObj = {
    key : value,
    key2 : value2
};
 
$.ajax({
    type : "POST",
    url : "${HOME}/getMainMemberList.hs",
    dataType : "json",
    async : false,
    data : paramObj,
    beforeSend : function(xmlHttpRequest) {}.
    complete : function() {},
    success : function(msg) {
        // 이 부분은 사용되는 프레임워크마다 다름
        $data = msg.model.result;
    },
    error : function(xmlHttpRequest, textStatus, errorThrown) {
        alert('에러메세지');
    }
});

이런식으로 페이지 요청 시에 전역변수에 목록 데이터를 저장하고 활용할 수 있다.