プロが教えるわが家の防犯対策術！

ＡＪＡＸでのリロードに関して

解決済

  • 質問者：yurix_1
  • 質問日時：
  • 回答数：3件

ＡＪＡＸでのリロードに関して

教えて下さい。

あるページを一定の時間でリロードしたいと考えています。

その際に、javascript を使用すれば、以下のような記述で何分か単位で
自動リロードが可能ですが、それをＡＪＡＸにて実現するにはどのように記述
すれば良いでしょうか？？？

*****　javascript の場合

<TITLE>ページをリロードする方法</TITLE>
<SCRIPT TYPE="text/javascript">
<!--
var timer = "300000";//指定ミリ秒単位
function ReloadAddr(){
window.location.reload();//ページをリロード
}
setTimeout(ReloadAddr, timer);
//-->
</SCRIPT>

よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (3件)

No.1

  • 回答者： t_ohta
  • 回答日時：

ReloadAddr関数の中の　window.location.reload();　の替わりにAjaxを使ってページ内を書き換える処理を入れるだけです。

この回答への補足

ご回答ありがとうございます。

ajax に関して無知なもので申し訳ありません。

ajax を使用してページを書き換える記述はどのように記述したら良いでしょうか。。。

教えて頂ければ幸いです。

よろしくお願いしいます。

補足日時：2010/10/21 13:39
通報する
    • good
    • 0
    • 件
通報する

No.2ベストアンサー

  • 回答者： t_ohta
  • 回答日時：

私はあまりライブラリーを使わず自分でプログラムを書く方なので、一通りの機能を書いていますが、ざっくり書くと以下のような感じです。



そもそもAjaxとはどんな物かお分かりだという前提ですが、

createXmlHttpRequest関数はJavascript上でのHTTPクライアントを生成する関数です。
ブラウザによって処理の仕方が多少違うので、だいたいのブラウザに対応できるようにしたものです。

getAjaxData関数はAjaxを使ってサーバからデータをGETメソッドで取ってきて、<div id="ajax"></div>の間に書き込む処理をします。

そして、setInterval() で1秒に一回getAjaxData関数を呼び出しています。
setTimeout() だと一回限りなので、繰り返し一定間隔でコンテンツを書き換えるなら setInterval() がいいと思います。

<html>
<head>
<script type="text/javascript">
<!--
function createXmlHttpRequest() {
var xmlhttp = null;
try {
xmlhttp = new XMLHttpRequest();
} catch(e) {
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
return null;
}
}
}
return xmlhttp;
}

function getAjaxData() {
xmlhttp1 = createXmlHttpRequest();
if (! xmlhttp1 || xmlhttp1.readyState == 1 || xmlhttp1.readyState == 2 || xmlhttp1.readyState == 3){
return;
}
xmlhttp1.open("GET", "./hoge.php", true);
xmlhttp1.onreadystatechange = function() {
if (xmlhttp1.readyState == 4 && xmlhttp1.status == 200) {
document.getElementById("ajax").innerHTML = xmlhttp1.responseText;
}
}
xmlhttp1.send(null);
}
setInterval("getAjaxData()", 1000);
//-->
</head>
<body>
<div id="ajax"><!-- Ajaxで書き換える部分 --></div>
</body>
</html>

この回答への補足

ありがとうございました！　なんとかできるようになりました。

補足日時：2010/10/21 18:10
通報する
    • good
    • 0
    • 件
通報する

No.3

  • 回答者： yyr446
  • 回答日時：

目的はなんだろう？


そもそも、AJAXはおろか、Javascriptもいらないじゃないか．．．

<meta http-equiv="refresh" content="300">

SEOはよく知らんけど..

この回答への補足

ご回答あありがとうございました！　

確かに上記の方法でもjavascript でも実現は可能ですが、リロードした
際に画面が初期の状態（スクロールしてあっても最上部へ戻ってしまう）に
なってしまいますが、ajax　を使用した場合はそれがないかと。。。

私の仕入れた情報が間違っているのかもしれませんが、、、、

補足日時：2010/10/21 18:13
通報する
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報