Google Feed API 사용

5648 단어 JavaScript
JavaScript로 RSS/ATOM을 받아서 사이트에 표시하거나 가공해서 사용하고 싶습니다
그렇게 AJAX로 한다고 해서 소위'Same Origin Policy'라는 도메인이 다른 사이트의 데이터를 얻을 수는 없다.
이럴 때는 Google Feed API를 사용하십시오.

사용법


다음 내용 읽기

견본


RSShttp://ameblo.jp/nazuki-airu/ 확보 및 기사별 링크 만들기
다음은 샘플입니다.
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("feeds", "1");
function initialize() {
    var feed = new google.feeds.Feed("http://feedblog.ameba.jp/rss/ameblo/nazuki-airu/rss20.xml");
    feed.setNumEntries(10);
    feed.load(function(result) {
        if (!result.error) {
            for (var i = 0; i < result.feed.entries.length; i++) {
                var entry = result.feed.entries[i];
                $("#ret").append(
                    $("<div>").append(
                        $("<a>").attr("href", entry.link).text(entry.title))
                );
            }
        }
    });
}
google.setOnLoadCallback(initialize);
</script>
</head>
<body>
<div id="ret"></div>
</body>
</html>
결과는 다음과 같다.

좋은 웹페이지 즐겨찾기