form 태그의 th:action을 동적으로 바꾸는 방법

form태그에 

<input type="submit" id="modify" value="저장하기"/>
<input type="submit" id="delete" value="삭제하기"/>

위와 같이 submit이 2종류가 있으면 각각에 대해 th:action의 url이 바뀌어야 한다. 

thymeleaf가 아니라면 <script> 안에서 form.action을 지정하고 form.submit();을 하면 되지만 

th:action은 방법이 살짝 다르다

<script th:inline="javascript">
  var modify = /*[[ @{/layout/board/modify} ]]*/;
  $("#modify").on("click", function(){
   	$("#frm").attr("action", modify);
  });
  var del = /*[[ @{/layout/board/delete} ]]*/;
  $("#delete").on("click", function(){
    $("#frm").attr("action", del);
  });
</script>

위와 같은 방법으로 해결하면 된다.

간혹 스크립트의 시작 과 끝에 

/* <![CDATA[ */       

...

/* ]]> */ 를 넣어야 한다는데 안넣어도 잘되서 넣어야 하는지 모르겠다

 

var th_action_url = /*[[ @{/url/${variable}} ]]*/;

th:action의 url은 다음과 같이 /*[[ ]]*/ 사이에 원래 표현식대로 쓰면된다.