개발자 도구로 요소를 확인해서 evt-item-lst" 의 클래스 하위 항목을 파싱하려고 했습니다.
그런데 파싱 결과 아래 처럼 내용이 나오지를 않았습니다.
<div class="evt-item-lst">
</div>
요 태그를 피들러로 살펴봤습니다.
보니까 내부에 있지 않고 따로 있더군요. jsonData 라는 변수에 값을 가져오고 있었습니다.
제가 가져오고 싶은 값은 이 값들입니다. 이 값들이 evt-item-lst 내부에 있는 걸로 개발자 도구에서는 나오는데 파싱하면 내용이 안나오고 있습니다.
var jsonData =
[
{
"idx":15645, "imageUrl":
"http://img.cgv.co.kr/Event/Event/2017/0222/lalaland240x200.jpg", "link":
"./detail-view.aspx?idx=15645&menu=2", "description":"<라라랜드> IMAX 특별상영"
}
,
{
"idx":15644, "imageUrl":"http://img.cgv.co.kr/Event/Event/2017/0222/240x200(1).jpg", "link":
"./detail-view.aspx?idx=15644&menu=2", "description":"<콩: 스컬 아일랜드> 4DX 시사회"
}
,
{
"idx":15639, "imageUrl":
"http://img.cgv.co.kr/Event/Event/2017/0222/greatwall_240x200.jpg", "link":
"./detail-view.aspx?idx=15639&menu=2", "description":"그레이트 월 3D 개봉"
}
,
{
"idx":15638, "imageUrl":
"http://img.cgv.co.kr/Event/Event/2017/0221/(240X200______CGV_web_banner.jpg", "link":
"./detail-view.aspx?idx=15638&menu=2", "description":"<존 윅-리로드>팬심 저격 퀴즈 이벤트"
}
,
{
"idx":15636, "imageUrl":
"http://img.cgv.co.kr/Event/Event/2017/0221/(240X200)CGV_web_banner.jpg", "link":
"./detail-view.aspx?idx=15636&menu=2", "description":"<해빙> 1+1 예매 이벤트"
}
,
{
"idx":15635, "imageUrl":
"http://img.cgv.co.kr/Event/Event/2017/0221/moonlight_240x200.jpg", "link":
"./detail-view.aspx?idx=15635&menu=2", "description":"<문라이트> 관람평 이벤트"
}
,
{
"idx":15627, "imageUrl":"http://img.cgv.co.kr/Event/Event/2017/0221/240x200.jpg", "link":
"./detail-view.aspx?idx=15627&menu=2", "description":"<용을 찾아서> 1+1 예매 이벤트"
}
,
{
"idx":15626, "imageUrl":"http://img.cgv.co.kr/Event/Event/2017/0220/240x200.jpg", "link":
"./detail-view.aspx?idx=15626&menu=2", "description":"<슬립리스: 크리미널 나이트> 기대평 경품 이벤트"
}
,
{
"idx":15624, "imageUrl":
"http://img.cgv.co.kr/Event/Event/2017/0220/CGV_240x200(1).jpg", "link":
"./detail-view.aspx?idx=15624&menu=2", "description":"<루시드 드림> 앵콜 1+1 예매 이벤트"
}
,
{
"idx":15622, "imageUrl":
"http://img.cgv.co.kr/Event/Event/2017/0220/CGV_240x200.jpg", "link":
"./detail-view.aspx?idx=15622&menu=2", "description":"<루시드 드림> 예매 경품 이벤트"
}
,
{
"idx":15617, "imageUrl":
"http://img.cgv.co.kr/Event/Event/2017/0217/(240X200)CGV_web_banner.jpg", "link":
"./detail-view.aspx?idx=15617&menu=2", "description":"<존 윅-리로드> 예매 경품 이벤트"
}
,
{
"idx":15612, "imageUrl":"http://img.cgv.co.kr/Event/Event/2017/0216/240x200(4).jpg", "link":
"./detail-view.aspx?idx=15612&menu=2", "description":"<구름의 저편, 약속의 장소> GV 스페셜 이벤트"
}
,
{
"idx":15606, "imageUrl":"http://img.cgv.co.kr/Event/Event/2017/0216/240x200(1).jpg", "link":
"./detail-view.aspx?idx=15606&menu=2", "description":"<조작된 도시> 1+1 앵콜 이벤트 "
}
,
{
"idx":15603, "imageUrl":
"http://img.cgv.co.kr/Event/Event/2017/0215/(240X200)CGV_web_banner_sample.jpg", "link":
"./detail-view.aspx?idx=15603&menu=2", "description":"<더 큐어> 예매 경품 이벤트"
}
,
{
"idx":15602, "imageUrl":"http://img.cgv.co.kr/Event/Event/2017/0215/240x200_01.jpg", "link":
"./detail-view.aspx?idx=15602&menu=2", "description":"<재심> 관람평 경품 이벤트트"
}
,
{
"idx":15598, "imageUrl":"http://img.cgv.co.kr/Event/Event/2017/0214/240x200(3).jpg", "link":
"./detail-view.aspx?idx=15598&menu=2", "description":"<맨체스터 바이 더 씨> 예매 경품 이벤트"
}
,
{
"idx":15590, "imageUrl":"http://img.cgv.co.kr/Event/Event/2017/0213/240x200(2).jpg", "link":
"./detail-view.aspx?idx=15590&menu=2", "description":"<마이펫 오지> 스페셜 예매 경품 이벤트"
}
,
{
"idx":15557, "imageUrl":
"http://img.cgv.co.kr/Event/Event/2017/0209/yourname_240x200.jpg", "link":
"./detail-view.aspx?idx=15557&menu=2", "description":"<너의 이름은.> 예매 경품 이벤트"
}
,
{
"idx":15539, "imageUrl":
"http://img.cgv.co.kr/Event/Event/2017/0207/greatwall_240x200.jpg", "link":
"./detail-view.aspx?idx=15539&menu=2", "description":"<그레이트 월> 스페셜 이벤트"
}
,
{
"idx":15519, "imageUrl":
"http://img.cgv.co.kr/Event/Event/2017/0203/(240X200)CGV_web_banner.jpg", "link":
"./detail-view.aspx?idx=15519&menu=2", "description":"<라이언> cgv only 상영작 특가 이벤트"
}
];
그러면 어떻게 접근해야 저 값을 가져올 수 있을지 감이 안와서 질문하였습니다.
아래가 그 페이지 코드 일부입니다.
13번 라인에 evt-item-list 태그가 있고
138번 라인에 jsonData가 있습니다.
도무지 감이 안잡히네요..
라이브러리는 gson도 있고 jsoup도 고려했습니다
이러한 값을 파싱이 가능한가요?
등록안내
등록안내
확인해 보니 "evt-item-lst" 영역만 잡혀있고 플러그인을 이용해서 json 데이터로 해당 영역에 태그가 생성되는 방식입니다.
페이지를 호출하셔서 "evt-item-lst" 부분만 가져오시면 당연히 플러그인이 호출 되지 않아 태그는 생성되지 않은 상태입니다.
지금 상태에서는 페이지 호출 후 정규식으로 json 데이타 부분을 추출하신 후 처리하시는 게 더 나을 듯 합니다.
Document doc = Jsoup.connect("http://www.cgv.co.kr/culture-event/event/?menu=2#1").get();
Elements contents = doc.select("div[class=evt-item-lst");
text = contents.toString();
그런데 제가 제일 궁금한 부분이
페이지 호출 후 정규식으로 json 데이타 부분을 추출하신 후 처리하시는 게 더 나을 듯 합니다.
이 방법을 어떻게 구현해야될지 모르겠습니다.
검색해볼 관련키워드가 있을까요?
스크립트가 작동해야 태그가 생성되는데 스크립트는 작동할수가 없는 상태죠.
http://stackoverflow.com/questions/14904776/parse-javascript-with-jsoup
이걸 참고해 보시구요.
보니 script 순서가 중간이라 body 전체를 텍스트로 바꾸어 정규식으로 추출하셔야 할것 같습니다.