Jstl 변수 자바스크립트로 받아와서 사용하기

Controller에서 보낸 변수를 Jstl로 자바스크립트에서 가져오는 방법은 크게 두가지가 있습니다.

 

var searchItem='<c:out value="${searchItem}"/>'

var searchItem2=${searchItem}

 

입니다.

 

두 변수를 각각 콘솔로 찍어보면

콘솔창에는 이렇게 표시가 됩니다.

 

소스탭에서 보면

 

이렇게 나오네요

즉

1의 방법은 value 값을 문자열로 받아오겠다는 의미이고

2의 방법은 Html Object 그 자체로 받아오겠다는 의미가 됩니다.

 

따라서 만약 자바스크립트에서 저 value 의 값을 사용하려면

1은 변수에 value 값이 담기기 때문에 그대로 사용하시면 되지만

2는 Object 이기 때문에 searchItem.value 의 방법으로 사용하셔야 합니다.

콘솔로 찍어보면

 

 

 

이렇게 나오는걸 확인할 수 있습니다.