본문 영역
RSS(XML) 가져와서 리스트로 출력하기(비동기방식) 상세보기
작성자: 관리자
추천: 0 조회: 1722
RSS(XML) 가져와서 리스트로 출력하기(비동기방식)
./index.cgi?page_code=ajax&code=print_XML2list&url=http://www.konkuk.ac.kr/KU_people.xml&range=channel&unit=item&link=link&title=title&content=description&title_class=xml_title&content_class=xml_content&title_cut=10&content_cut=20&order=content,title,date&date=pubDate&date_type=1
인수
변수명 | 기본값 | 설명 |
url | 가져올 XML 파일의 주소 | |
range | 가져올 범위 태그(존재하지 않을 경우 문서 전체) | |
unit | 가져올 단위 태그(리스트의 반복적인 패턴) | |
unit_num | 10 | 가져올 단위 수 |
link | 링크 태그([unit]속의 링크 할 주소값 태그) | |
link_target | _self | 링크를 열 창 위치(_new : 새창 , _self : 현재창) |
title | 주제 태그([unit]속의 주제값 태그) | |
title_cut | 전체 | 주제 글 수(존재하지 않을 경우 전체 가져옴) |
title_link | 주제 링크여부(주제에 [link]값의 링크를 겁니다.) | |
title_class | 주제 스타일시트명 | |
content | 내용 태그([unit]속의 내용값 태그) | |
content_cut | 전체 | 내용 글 수(존재하지 않을 경우 전체 가져옴) |
content_link | 내용 링크여부(내용에 [link]값의 링크를 겁니다.) | |
content_class | 내용 스타일시트명 | |
date | 날짜 태그([unit]속의 날짜값 태그) | |
date_type | 0 |
날짜 출력 방법 0 : 20130303 => 2013.03.03 1 : 20130303 => 2013/03/03 2 : 20130303 => 2013년03월03일 3 : 20130303 => 20130303(그대로 출력) |
date_class | 날짜 스타일시트명 | |
order | title,date,content | 출력순서를 콤마로 정한다 |
순서도
-
1
[url] 위치의 XML 파일을 가져온다.
-
2
[range] 태그 범위를 추출한다.
-
3
[unit_num] 수 만큼 [unit] 태그 를 추출한다.
[title] 태그가 존재하면, [title] 추출해서 [title_cut] 글자수 만큼 잘라서 출력한다.
이때, [title_link]가 1 이면, [title]에 링크를 건다.
[content] 태그가 존재하면, [content] 추출해서 [content_cut] 글자수 만큼 잘라서 출력한다.
이때, [content_link]가 1 이면, [content]에 링크를 건다.
예제
예제 XML 코드
예제 코드 분석
위 코드를 분석해보면
내용부분은 <channel> .. </channel> 사이의 값임을 알 수 있다.
우리가 가져올 목록은 <item> .. </item>으로 감싸져 있다.
주제는 <title> .. </title>로 감싸져있고,
내용는 <description> .. </description>로 감싸져있고,
날짜는 <pubDate> .. </pubDate>로 감싸져있다.
range는 channel 이 되고,
unit는 item이 되고,
title은 title이 되고,
content는 description 이 되고,
date는 pubDate 이 된다.
순서를 바꾸고 싶으면 order값을 원하는 순서로 콤마(,) 기호로 써주면 된다.
디자인하기
?title_class=Tclass&content_class=Cclass&date_class=Dclass
식으로 출력된다.
스티일시트를 이렇게 정의하면 디자인하실 수 있습니다.
만약 title_link 혹은 content_link 값이 1일 경우 링크를 걸면서, 출력되는 HTML은
식이 된다.
스티일시트를 이렇게 정의하면 디자인하실 수 있습니다.
등록일:
이전글:아래자리 내용 HTML 규칙