Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Tags more
Archives
Today
Total
관리 메뉴

랩제이

[spring security] jquery li 클릭시 자바스크립트 push 이용하기 본문

programming/spring_security

[spring security] jquery li 클릭시 자바스크립트 push 이용하기

labj 2014. 9. 16. 13:31

[spring security] jquery li 클릭시 이동하기


ajax에서 data를 받아오고 화면에 뿌려줄때 li를 많이 사용합니다.

그리고 보통 html 코드상에 제목이나 특정 키워드에 <a> 엘리먼트를 이용하여 자바스클비트를 호출하여

다음 화면이나 상세 data를 가져오도록 하고 있습니다.


여기서는 가능하면 <body> 엘리먼트 안에서는 자바스크립트를 사용안하고 id나 class를 이용하려고 하다 보니까 

다음처럼 엘리먼트를 클릭했을때 jquery를 이용하여 부여된 id, class의 click 이벤트로 값을 받아와서 이동하도록 한 것입니다.


data는 자바스크립트 변수에 json형식으로  담았습니다.


// array에 저장하기
var temp = '';
var event_url=[];
for(i=0; i<data.length; i++) {
  temp = temp + data[i].url;
 
  event_url.push({
    id:data[i].id,
    url:data[i].url
  }); 
}

// li 클릭시 값 가져오기
$(".event_search_item li").on("click", function(){
  var idx = $('.event_search_item li').index(this);
  var id = event_url[idx].id;
  var url = event_url[idx].url; 
  window.location.href = url+"?id="+id;
});   

[spring security] jquery li 클릭시 이동하기

저작자표시 비영리 (새창열림)

'programming > spring_security' 카테고리의 다른 글

[spring security] 이용자 정보 가져오기 설정하기  (0) 2014.10.30
[spring security] 페이징 게시판 만들기 2) 고객센터 게시판 달기  (0) 2014.09.19
[spring security] mybatis Map으로 요청해서 List Map으로 가져오기  (0) 2014.09.16
[spring security] 페이징 게시판 만들기 1) data 가져와서 뿌리기  (0) 2014.09.14
[spring security] 화면단 개발 방법 하나  (0) 2014.09.01
'programming/spring_security' Related Articles more