Skip to main content.

Wintryblasts Blog

複数のRSSを読み込むPHP Ajax化

月曜更新になってしまいましたが、Ajax化部分をメモメモ。

全然難しいことはしていなくて、XMLHttpRequestを組み合わすだけです。
時間差を読み込み画像でカバーしておくためだけのものです。
ソースは[Read More]をクリック。

//XML HttpRequestをブラウザにあわせて規定。
var request = null;
function createRequest() {
try {
request = new XMLHttpRequest();
} catch (trymicrosoft) {
try {
request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (othermicrosoft) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed) {
request = null;
}
}
}
if (request == null)
alert("Error creating request object!");
}

//RSS Readerを読み込むスクリプト
function getRssreader() {
createRequest();
var url = "rssreader.php";
url = url + "?dummy=" + new Date().getTime();
request.open("GET", url, true);
request.onreadystatechange = updatePage;
request.send(null);
}

//状態が変わったら(ページを読み込んだら)動作させる。
function updatePage() {
if (request.readyState == 4) {
if (request.status == 200) {
var rsstext = request.responseText;
var rssNewsField = document.getElementById("rssreader");
rssNewsField.innerHTML = rsstext;
} else {
var message = request.getResponseHeader("Status");
if ((message.length == null) || (message.length <= 0)) {
alert("Error! Request status is " + request.status);
} else {
alert(message);
}
}
}
}


HTMLの<body>にonloadを記述すればOK。
<body onload="getRssreader();">

Comments

ちなみにこの場合は全て同じフォルダ内として、rssreader.php、index.html、このJavascriptが入っています。

Posted by ykamiyama at 06/02/08 17:09:14

Add Comment

このアイテムは閲覧専用です。コメントの投稿、投票はできません。

About

YK
岐阜県の
ウェブデザイナーです。
興味のあることは、
Ruby on Rails,PHP,
ActionScript,XHTML,
CSS,Ajax...などなど

Feeds

RSS 2.0
Atom

Links

Wintryblasts Home
Wintryblasts.comのトップページです。

Nucleus CMS Japan
Nucleus CMS Japan official page.

WAVACオーディオラボ
素晴らしい真空管アンプを製作しているWAVACオーディオラボのホームページ。

CMONOS : http://cmonos.jp/
簡単インストールが特徴の中小規模サイト向けCMS。豊富なツールが使えます。

Login

Contents end