[JAVASCRIPT]JSTL을 이용하여 JAVASCRIPT에서 EL 값 받기

// java

HashMap<Object, Object> map = new HashMap<Object, Object>();

map.put("name", "홍길동");

map.put("city", "서울");

map.put("age", 30);

 

ArrayList<Object> list = new ArrayList<Object>();

list.add("hong@naver.com");

list.add("gil@daum.net");

list.add("dong@nate.com");

 

ArrayList<HashMap<Object, Object>> arrayListMap = new ArrayList<HashMap<Object, Object>>();

arrayListMap.add(map);

 

HashMap<Object, ArrayList<Object>> lMultiData = new HashMap<Object, ArrayList<Object>>();

lMultiData.put("email", list);

 

mav.addObject("list_map", arrayListMap);

mav.addObject("map_list", lMultiData);

 

 

// javascript

var list1 = new Array();

<c:forEach items="${list_map}" var="item1">

list1.push("${item1.name}");

list1.push("${item1.city}");

list1.push("${item1.age}");

</c:forEach>

for (var i = 0; i < list1.length; i++) {

    alert(list1[i]);

}

alert("${list_map[0].name}");

 

var list2 = new Array();

<c:forEach items="${map_list.email}" var="item2">

list2.push("${item2}");

</c:forEach>

for (var i = 0; i < list2.length; i++) {

    alert(list2[i]);

}

 

 

http://blog.naver.com/PostView.nhn?blogId=typeofb&logNo=191469973

 

 

 

--------------------------------------------------------------------------------

 

XXXXcontroller.java 에서

다음과 같이 getUserInfo에 값을 담아 보냈을 때

 

1. getAttribute로 값 받기

이 방법은 비추…

해당 클래스를 매번 import해야되고, 나중에 소스 파악도 힘듦

 

 

2. el표현언어 or jstl 이용  

jstl 이용 시

Value에 <c:out ~~> " 태그를 이용해서 써주면 된다

 

 

 

3. [추가 20141008]자바스크립트에서 받고 싶다면????

뷰(jsp)페이지에서 jstl 태그 이용하지 않고

model에 담긴 List 를 자바스크립트에서 처리하고 싶다면????

 

하나의 jsp 파일 내에 작성된 소스라도

jstl,el 등은 서버에서 실행이되고, 자바스크립트는 브라우저에서 실행되기 때문에

두 언어 간에 변수를 직접 주고 받을 수는 없다

 직접은 아니더라도 받을 수는 있음!!!!

3. 자바스크립트 내에서 값 받기

1) jstl을 이용해서 받기

controller에서 List<ServerInfo>  형태로 값을 'serverinfo'에 담아 넘겨줬을 경우

 

 

여기서는 json 배열을 만들고자 했다

 

그래서,

jstl 구문으로 값을 받고 ->받은 값을 json Object에 넣고 -> 배열에 다시 넣음

그럼

[[a:xxx,b:sss],[a:xxx,b:sss],[a:xxx,b:sss]] 형태의 값이 된다.

 

 

여기서 object 선언을 jstl 바깥쪽에 넣으면 똑같은 값이 들어간다...

object는 하나의 객체이기 때문에!!!!!

추가될때마다 오브젝트를 만들어서 넣어주도록 해야함

2) javascript 배열을 이용해서 받기

Controller단에서 Model은 request 에 값을 가지고 있음..

model에 있는 값을 받을려면 페이지 전환되어야 그 값을 받아올 수 있음

ajax 요청 같은 경우 

페이지 전환없이 같은페이지에서 받는 것이기 때문에 

컨트롤러에서 model  값에 넣어서 넘겨주면 안돼고.. 

return 값에 넣어 다음과 같이 클라이언트 단에 넘겨줘야함 

받을때는 그냥 다음과 같이 받으면 됨

여기서 .. 리턴 타입이 List<Beacon> 라면...

자바의 List는 자바스크립트에서는 배열로 받음 

Beacon은 object로 접근이 가능하다 

출처: http://wfreud.tistory.com/51 [wfreud 개인 라이브러리]