스프링 부트 타임리프( thymeleaf )에 ajax 적용해본 경험담

스프링 부트에서는 jsp를 권장하지 않는다.

 

타임리프를 사용하길 권장하고 있다.

 

그리고.

 

왜 그런지 이유는 알 수 없으나.

 

스프링 부트 2.버전 이상부터 ajax 를 원활하게 사용 할 수 있다.

 

예를 들어서 1.5 버전의 스프링 부트에서 아래 코드를 작성하면 에러가 난다.

 

<script>
    $(document).ready(function () {
        $.ajax({
            url : "http://localhost:8080/commentList",
            type : "get",
            dataType : "xml",
            success : function(data) {
                var commentList = "";
                $(data).find("comment").each(function() {
                    commentList += "<div>";
                    var commentSpace = $(this).find("level").text();
                    commentSpace *= 1;
                    
                    commentList += "<th:block th:each='i: ${#numbers.sequence(0, "+commentSpace+")}'>"; // 이 부분에서 에러가 발생한다.
                    commentList += "</th:block>";
                    formValidate(commentSpace);
                    
                    
                    commentList += $(this).find("level").text(); 
                    commentList += $(this).find("writer").text()+"<br/>";
                    commentList += $(this).find("content").text()+"";
                    commentList += "</div>";
                    
                });
                
                $("#commentDiv").append(commentList);
                
            },
            error : function name(){
                $("#commentDiv").append("error");
            }
        });
    });
 
</script>

 

결론.

 

스프링부트에서 ajax 를 쓰고 싶으면 그냥 스프링 부트 2버전 이상을 사용하자.