RSS는 "Rich Site Summary" 또는 "Really Simple Syndication" 이라 불리며, 사이트내 정보를 외부 채널에 전달하기 위한 기술이다. 사이트내 구성되어 있는 정보 단위를 디자인 없이 텍스트로만 간략하게 전달한다.
JTBC에서 제공하는 뉴스 RSS를 ajax를 이용해 가져와보자.
https://news.jtbc.joins.com/Etc/RssService.aspx
링크에서 원하는 카테고리의 뉴스 RSS를 가져와보자.
사이트에서 원하는 RSS를 복사해서 주소를 브라우저에 입력해보면 아래처럼 xml 파일로 뜨는걸 볼 수 있다.
보면 item 태그 안에 title 태그와 link 태그로 나뉘어 있다.
ajax를 이용해 기사 타이틀과 타이틀을 클릭하면 해당 링크로 이동할 수 있도록 코드를 작성해보자.
$.ajax({
url: "https://fs.jtbc.joins.com//RSS/sports.xml",
success: function(data){
// 뉴스 기사를 화면에 출력 + 기사클릭시 링크로 이동
$(data).find('item').each(function(){
var title = $(this).find('title').text();
var link = $(this).find('link').text();
$('body').append("<a href='"+link+"'>"+title+"</a><br><br>");
});
}
}); //ajax
그러면 아래처럼 잘 뜬다!
참고
더보기
https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=mogni&logNo=220675152008
'2. Front-end > 2-3. Java Script' 카테고리의 다른 글
JS - [ Swiper 라이브러리 ] (0) | 2022.05.03 |
---|---|
JQuery - [ DB정보 JSON 형태로 변경 ] (0) | 2022.05.02 |
JQuery - [ XML / JSON + AJAX ] (0) | 2022.04.30 |
JQuery - [ Ajax 기본 사용] (0) | 2022.04.28 |
JS - [ 이클립스에서 JS 자동완성 사용하기 ] (0) | 2022.04.25 |