ajax 를 이용하여 html 페이지 불러오는 스크립트 방법

사용 프로세스 

• 먼저 초기 페이지 화면이 켜지게 되면 load_Question 초기 데이터 호출 함수가 실행이 된다.
• 그러면 화면에 첫 페이지를 출력하게 되고 그 안데 function 기능 안에 결과 부분에 click 이벤트를 추가 함으로써 
• 그 다음 페이지 출력을 할 수 있도록 이벤트를 걸어주게 되어 다시 발생시킬 수 있다.

<script>/*<![CDATA[*/
function load_Question(prodNum,page){
     $.ajax({
           url  : "/modules/dojamall/product/question/list.do",
           type : 'get',
           data : {'prodNum':prodNum, 'cpage' : page},
           cache : false
     }).done(function(data) {
               var template = $("#tabs1pane3").html(data); // 출력할 곳에 있는 div에 지정하여 html을 뿌려준다.
                $(".m").on("click",function(e){//page 변경 클릭
                     e.preventDefault();
                     if($(this).attr('href')){ //현재 선택한 a  태그 herf 값 존재 유무 판단
                           template.empty();//템플릿 비우기
                         var str =  $(this).attr('href').split("="); //= 데이터만 들고오기
                         var page =  str[str.length-1];//ex)page=1
                         load_additional('${prodNum}',page);// 클릭 이벤트 발생 시 다시 호출한다.
                     }
                });
     });
};
<!--초기 데이터-->
load_Question('${prodNum}',1); //초기 화면 켜졌을 때 호출
/*]]>*/</script>