複数のRSSを読み込むPHP 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
Add Comment