Google Feed API 사용
5648 단어 JavaScript
그렇게 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>
결과는 다음과 같다.
Reference
이 문제에 관하여(Google Feed API 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/sassy_watson/items/e3797b8719c51d25c190
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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>
결과는 다음과 같다.Reference
이 문제에 관하여(Google Feed API 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/sassy_watson/items/e3797b8719c51d25c190텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)