[JavaScript] .js 파일에서 contextPath 구하여 사용하기 (sessionStorage)

제일 간편하고 좋은 방법은 HTML이나 JSP에서 EL이나 , jstl을 사용하여 pageContext 개체에서 request 객체의 contextPath를 가져오면 된다. 

EL	${pageContext.request.contextPath}
JSP	<%=request.contextPath()%>
JSTL	<c:url value=""/>

오늘은

js파일에서 contextPath 사용하는 방법을 적어보려고 한다. 

 

  sessionStorage  

tiles 영역 header.jsp에 추가 => sessionStorage에 contextPath를 저장 

<script type="text/javascript" charset="utf-8">
	sessionStorage.setItem("contextpath", "${pageContext.request.contextPath}");
</script>

contextPath를 사용할 js 파일을 열어 sessionStorage.getItem("contextpath")로 꺼내온다. 

var ctx = getContextPath();
  function getContextPath() {
  return sessionStorage.getItem("contextpath");
}

 

[응용]

menu.js 

ajax로 url을 넣을 때 sessionStorage.getItem("contextpath")로 꺼내온 contextpath 값을 넣어주면 된다. 

(function() {
  var ctx = getContextPath();
     function getContextPath() {
     return sessionStorage.getItem("contextpath");
  }
    
    $("#boardBtn").on("click",function(){
      ajaxNet("GET", ctx+"/board/board_list.jsp", "", "html", function(data) {
        $(".qna-content").hide();
        $(".board-content").html($(data).find(".boardListDiv"));
      });
    });
	    
})();

ajax.js

function ajaxNet(type, url, param, dataType ,callback) {
  $.ajax({
      type: type,
      url: url,
      data: param,
      dataType : dataType,
      success: function(data, textStatus, xhr) {
       return callback(data);
      },
      error: function(xhr, status, error) {
       return callback(data)
      }
    });
}

 

   location.href.indexOf   

https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=mk1126sj&logNo=221019411361 

[JavaScript] js 파일에서 ContextPath 설정하기