AJAXでのリロードに関して
教えて下さい。
あるページを一定の時間でリロードしたいと考えています。
その際に、javascript を使用すれば、以下のような記述で何分か単位で
自動リロードが可能ですが、それをAJAXにて実現するにはどのように記述
すれば良いでしょうか???
***** javascript の場合
<TITLE>ページをリロードする方法</TITLE>
<SCRIPT TYPE="text/javascript">
<!--
var timer = "300000";//指定ミリ秒単位
function ReloadAddr(){
window.location.reload();//ページをリロード
}
setTimeout(ReloadAddr, timer);
//-->
</SCRIPT>
よろしくお願いします。
No.2ベストアンサー
- 回答日時:
私はあまりライブラリーを使わず自分でプログラムを書く方なので、一通りの機能を書いていますが、ざっくり書くと以下のような感じです。
そもそも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>
No.3
- 回答日時:
目的はなんだろう?
そもそも、AJAXはおろか、Javascriptもいらないじゃないか...
<meta http-equiv="refresh" content="300">
SEOはよく知らんけど..
この回答への補足
ご回答あありがとうございました!
確かに上記の方法でもjavascript でも実現は可能ですが、リロードした
際に画面が初期の状態(スクロールしてあっても最上部へ戻ってしまう)に
なってしまいますが、ajax を使用した場合はそれがないかと。。。
私の仕入れた情報が間違っているのかもしれませんが、、、、
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript プラグイン無しでContactform7にdatepickerを実装 3 2022/10/25 02:18
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- JavaScript JAVASCRIPT 2 2022/04/15 15:10
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- 教えて!goo おしえてgooでは回答が一つ以上できない仕様になりましたか? 5 2023/07/07 07:59
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jqueryのgetでJSPを呼び出したい
-
カンマ区切りのデータを配列に...
-
jQuery を外部ファイルから呼び...
-
階層別の組織図の自動作成について
-
Javascriptを使ってQRコード読...
-
読み込み開始から読み込み終了...
-
フレーム内の要素へのXPATHはど...
-
AjaxでJSONを受信すると、文字...
-
jQueryを使いformでsubmitした...
-
Googleストリートビューの写真...
-
jquery.validationEngine.js 添...
-
javascriptでAPIをcallしたい
-
二つのbxsliderをレスポンシブ...
-
JavaScriptで擬似フレーム、読...
-
JScriptでDBへの接続方法について
-
プルダウン内容に応じてラジオ...
-
スライドを最後の画像で止めたい
-
C言語の 配列の中 出力について
-
struts selectbox optionsColle...
-
webサービス上のkmlをgooglemap...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
要素内を常に一番下を表示させたい
-
ローカルでのonreadystatechang...
-
jQueryで、複数条件の絞り込み機能
-
AJAXでのリロードに関して
-
繰り返し処理のシンプルな書き方
-
jqueryのgetでJSPを呼び出したい
-
ある条件の画像のみ表示を切り...
-
画面移遷なしで画像アップロー...
-
Jquery で on/offボタンの実装...
-
【javascript文法】 prototype...
-
jqueryで読み込みが終わった画...
-
jQuery 並列load処理
-
jqueryを使って非同期通信で10...
-
多数のCPUを使い同期処理をした...
-
JQueryでAjax通信をキャンセル...
-
Selenium4でボタンをクリックで...
-
JavascriptからPHPへのAjax通信...
-
Javascriptを使ってQRコード読...
-
SQLのmaxで求めた値を変数に代...
-
JavaScriptでtabindexの変更っ...
おすすめ情報